위의 요소가있는 페이지의 맨 아래에 DIV를 늘립니다.

위의 요소가있는 페이지의 맨 아래로 DIV를 늘리려고합니다. 기본적으로 작동하지만 그 위에있는 요소의 높이가 DIV에 추가됩니다.위의 요소가있는 페이지의 맨 아래에 DIV를 늘립니다.

jsFiddle 예를 참조하십시오 http://jsfiddle.net/CjKFX/

방법이 문제를 해결하는가?

2012-10-03 Michael

중복 http://stackoverflow.com/questions/90178/make- a-div-fill-th 전자 잔여 화면 공간 – Misch

CSS :

html, body {height: 100%;} 

#header, #headline { position:absolute; width:100%; top:0; } 

#header {height: 100px; z-index:1; background-color:#f40; } 
#headline {height: 100%; top:100px; margin-top:-100px; background: #000;}

HTML의

<!DOCTYPE html> 
<html> 
<head> 
    <title></title> 
</head> 
<body> 
     <header id="header"> 
      header 
     </header> 

     <section id="headline"> 
      section 
     </section> 

    </body> 
</html>

http://jsfiddle.net/Zeggw/

출처

2012-10-03 19:47:41 xandercoded

위의 요소가있는 페이지의 맨 아래에 DIV를 늘립니다.

답변

관련 문제