height에 사용되는 단위 중 2가지를 알아보자. %, vh

<body>
	<div class="container">
    </div>
</body>

이런 구조가 있을 때 뷰포트에 꽉차는 높이를 설정하고 싶다면 %를 사용했을 때 아래와 같은 구조를 해야 한다.

html, body {
    height: 100%;
}
.container {
    background: beige;
    height: 100%;
}

하지만, vh를 사용하면 아래와 같이 한번에 뷰포트에 꽉차게 가능하다.

.container {
    background: beige;
    height: 100vh;
}

flex 잠깐 정리 (0)	2021.07.16
grid (0)	2021.05.21
float, flex비교 (0)	2021.05.20
transition, transform, animation (0)	2021.05.20
background-attachment : fixed를 이용한 세련된 홈페이지 + background-size (0)	2021.05.20

설계자에서 개발자가 되는 과정