모든 높이를 차지하는 div가 계속되는 상수 높이 div

Question

간단한 질문이지만 답변을 찾지 못하는 것 같습니다.

200px 세로 헤더 (div)가 있습니다. 나는 다른 div가 그 아래로 가서 모든 공간을 페이지의 맨 아래로 가져 가고 싶다. 어떻게해야합니까?

감사합니다!

편집 : Google 캘린더를 보면 이것이 내가하려는 것입니다. JavaScript를 사용하는지 여부는 알 수 없지만 가능한 경우 사용하지 않을 것입니다.

Answer 1

나는 당신이 원하는 것을 만드는 방법을 보여주는 sample file을 만들었습니다. 열쇠는 높이를 지정하는 것이 아니라 위쪽/아래쪽 첨부를 지정하는 것입니다. 다음

# HTML 
<h1>Head</h1> 
<div id="rest">...</div> 

을 그리고 : 요약

# CSS 
h1 { 
    position:absolute; 
    top:0; height:200px; 
    left:0; right:0; 
} 
#rest { 
    position:absolute; 
    top:200px; bottom:0; 
    left:0; right:0; 
}