-
질문 & 답변
카테고리
-
세부 분야
웹 개발
-
해결 여부
해결됨
.cd-section > div에 height를 100%준 이유에 대해서 궁금합니다!
21.01.02 00:02 작성 조회수 107
3
안녕하세요 선생님! 언제나 강의 잘 듣고 있습니다:)
다름이 아니라 강의 3: 35부분에
.cd-section 에는 height를 100vh;
.cd-section > div 에는 height를 100%; 주셨는데
똑같이 100vh로 적용하지않고 퍼센트(%)로 준 이유가 있으실까요..?!
또 괜찮다면 .cd-section > div에도 height를 100vh;로 줘도 될까요?!
답변을 작성해보세요.
4
코딩웍스(Coding Works)
지식공유자2021.01.02
높이와 너비 단위에는 px, em, rem, %, vh 가 있습니다.
%의 경우 부모요소가 높이 값을 갖지 않은 경우 작동하지 않습니다.
이런 경우 부모요소의 높이 값이 없어도 강제로 높이를 조정하는 단위가 vh 단위입니다.
body에 높이 값을 주지 않았기 때문에 .cd-section에 vh 단위를 사용했습니다.
물론 이 부분은 플러그인 css 기본세팅이기도 하지만 css 이론상으로도 그렇게 해야 합니다.
곧, .cd-section에 100vh라는 높이 값이 생겼기 때문에 .cd-section > div는 100% 로 주셔도 작동합니다.
답변 1