不斷的高度div後面div佔據所有房間

Question

簡單的問題，但我似乎無法找到答案。

我有一個200px垂直標題（div）。我想要另一個div放在它的下面並佔用頁面底部的所有空間。我該怎麼做呢？

謝謝！

編輯：如果你看看谷歌日曆，這正是我要去的。我不知道他們是否使用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; 
}