-
카테고리
-
세부 분야
웹 개발
-
해결 여부
미해결
요소를 중앙으로 배치할 때 높이값 (flex 사용)
22.09.03 19:44 작성 조회수 450
1
4:57 쯤에 중앙으로 배치할 때,
align-items: center; 를 작동하게 하려면
body값의 height를 줘야 한다는 것 까지는 이해를 했습니다.
그런데 height를 꼭 100vh로 써야하는 이유가 무엇인가요?
100%, 또는 다른 px 값을 사용하면 안되는건지,
100%로 사용하려면 따로 설정해야 하는 것이 있는지 궁금합니다!
body {
display: flex;
justify-content: center;
align-items: center;
height: 100vh;
}
답변을 작성해보세요.
0
코딩웍스(Coding Works)
지식공유자2022.09.03
body에 높이를 100% 주어도 적용이 안됩니다.
부모요소인 html에 높이가 auto이기 때문입니다.
그래서 html에 높이fmf 100%로 하면 body에 높이를 100% 주면 적용됩니다.
그래서 html에 높이fmf 100%로 주지 안고 body의 높이를 100%로 하는 방법이 body에 높이를 100vh로 주는거에요.
답변 1