HTML로 화면 높이에 맞게 웹 페이지 높이를 만드는 방법은 무엇입니까?

웹 페이지 높이를 화면 높이에 맞게 만드는 방법에는 여러 가지가 있습니다. −

상대적 높이 제공 -

html, body {
   height: 100%;
}

고정 위치를 지정할 수도 있습니다. −

#main
{
   position:fixed;
   top:0px;
   bottom:0px;
   left:0px;
   right:0px;
}

목적을 달성하기 위해 뷰포트 높이를 사용할 수도 있습니다. −

height: 100vh;