본문 바로가기

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
  • 씨쁠쁠
  • Gatsby
  • CSS
  • crew space
  • 운영체제
  • 깃
  • unix
  • 코테
  • nextJS
  • js
  • ecs
  • crewspace
  • OS
  • Python
  • selenium
  • 파이썬
  • git
  • 매크로
  • JavaScript
  • REACTJS
  • 코딩테스트
  • c++
  • HTML
  • aws
  • 유닉스
  • 안드로이드
  • REACT
  • 오퍼레이팅시스템
  • 운영체제아주쉬운세가지이야기
  • 안드로이드스튜디오
more
Archives
Today
Total
관리 메뉴
  • 글쓰기
  • 방명록
  • RSS
  • 관리

목록footer (1)

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 Next 다음

Blog is powered by kakao / Designed by Tistory

티스토리툴바

개인정보

  • 티스토리 홈
  • 포럼
  • 로그인

단축키

내 블로그

내 블로그 - 관리자 홈 전환
Q
Q
새 글 쓰기
W
W

블로그 게시글

글 수정 (권한 있는 경우)
E
E
댓글 영역으로 이동
C
C

모든 영역

이 페이지의 URL 복사
S
S
맨 위로 이동
T
T
티스토리 홈 이동
H
H
단축키 안내
Shift + /
⇧ + /

* 단축키는 한글/영문 대소문자로 이용 가능하며, 티스토리 기본 도메인에서만 동작합니다.