본문 바로가기

dev_eun

검색하기
dev_eun
프로필사진 _eun

  • 분류 전체보기 (80)
    • Cloud (5)
      • AWS (5)
    • Back-end (2)
      • Spring (0)
      • Node.js (1)
      • MySQL (1)
    • Web (12)
      • React.js (3)
      • vanilla js (5)
      • Next.js (3)
    • 공부 (25)
      • 알고리즘 문제 (10)
      • Git (4)
      • C++ (11)
    • 개발일지 (11)
      • Crew Space (3)
      • 토이프로젝트 (5)
    • 일상 (5)
    • 학교 (9)
      • 유닉스 프로그래밍 (9)
    • 기타 (9)
      • 안드로이드 (5)
Guestbook
Notice
Recent Posts
Recent Comments
Tags
  • 유닉스
  • nextJS
  • aws
  • JavaScript
  • 씨쁠쁠
  • unix
  • 운영체제아주쉬운세가지이야기
  • git
  • HTML
  • c++
  • 운영체제
  • selenium
  • REACT
  • 안드로이드스튜디오
  • CSS
  • ecs
  • REACTJS
  • 매크로
  • 코테
  • crewspace
  • Python
  • 안드로이드
  • OS
  • 파이썬
  • 깃
  • 코딩테스트
  • crew space
  • js
  • 오퍼레이팅시스템
  • Gatsby
more
Archives
Today
Total
관리 메뉴
  • 글쓰기
  • 방명록
  • RSS
  • 관리

목록js (9)

dev_eun

[Gatsby] body, html height 100%로 만들기, footer 설정

열심히 블로그를 만들고 있었는데, footer가 컨텐츠의 길이에 맞춰 위로 올라오는 것이 보기 좋지 않았다. 구글링을 해보니 wrapper의 flex를 설정하는 글이 많아 시도했지만, 문제가 해결되지 않았다. Header Contents Footer * { margin: 0; padding: 0; box-sizing: border-box; } html, body { height: 100%; } #wrap { text-align: center; display: flex; flex-direction: column; height: 100%; } header { width: 100%; height: 60px; background: #ddd; } main { } footer { width: 100%; height..

Web/React.js 2021. 1. 12. 18:28
이전 Prev 1 2 Next 다음

Blog is powered by kakao / Designed by Tistory

티스토리툴바