[CSS] '100vh' vs '100%'

1. 100vh 

부모에 상관없이 보이는 viewportheight에 100%를 주고 싶을 경우 사용

 

 

2. 100%

container라는 클래스의 부모에 100%를 채우겠다는 의미

그럼 여기서 container의 부모는 body태그에 height를 100%주는 건  변화없음

body의 부모인 html에도 height를 100% 주어야 변경됨

 

 

참고 : 드림코딩 by 엘리 유튜브

https://www.youtube.com/watch?v=7neASrWEFEM&list=PLv2d7VI9OotQ1F92Jp9Ce7ovHEsuRQB3Y&index=8