恒定高度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;
}