본문 바로가기

웹관련자료/html/css

html 높이 자동조절, height:100% 브라우저 높이만큼 높아지게

반응형

HTML 문서를 마크업할때 필요한 높이 100% div만들기.

샘플html을 첨부하니 필요한 사람은 다운받아서 확인 ㄱㄱ.

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

<!doctype html>

<html lang="en">

 <head>

  <meta charset="UTF-8">

  <meta name="Generator" content="EditPlus®">

  <meta name="Author" content="">

  <meta name="Keywords" content="">

  <meta name="Description" content="">

  <title>sample</title>

  <style>

  html,body

  div.h100

  div.h50

  </style>

 </head>

 <body>

<div class="h100">브라우저를 꽉 채우는 높이 100% div</div>

<div class="h50"><div class="cnt">높이 50% div</div></div>

 </body>

</html>

 

 

 

 

sample.html
다운로드

 

반응형