javascript - 恒定高度 div 后跟占据所有空间的 div

Question

简单的问题，但我似乎找不到答案。

我有一个 200 像素的垂直标题 (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;
}