不断的高度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; 
}