div를 창의 100% 높이로 만드는 방법

CSS3에서  뷰포인트 퍼센트 단위를 사용

뷰포인트 퍼센트 길이는 최초 포함 블럭의 사이즈에 비례합니다. 최초 포함 블럭의 높이 또는 너비가 변경된 경우, 뷰포인트 퍼센트 길이는 따라서 크기가 변경됩니다.

뷰포인트 퍼센트 단위는 vw (뷰포인트 너비), vh (뷰포인트 높이), vmin (뷰포인트 너비와 높이 중 최소값), vmax (뷰포인트 너비와 높이 중 최대값) 가 있어요.

div를 창의 높이와 같게 만드려면 div의 height를 100vh로 설정해주면 되겠죠.

.element { width: 100%; height: 100vh; }