css - 是否有可能使 div 的高度达到可用区域的 100%？

Question

我的设计有一个左侧栏和右侧的主要内容。本站大部分页面左侧边栏比内容井高，但有少数页面内容井很高，侧边栏悬空无底。

我创建了一个糟糕的例子来说明我在这里谈论的内容:

http://www.pmind.com/staging/pisspoor.html

我记得几年前的答案是只分配一个会伪造它的背景图像，即在我的例子中只是制作一个在其左侧下方有一个绿色条的图像并将其作为主要红色 div 的背景.我知道网站通常希望拥有 100% 的浏览器窗口区域，因此您可以将 HTML 和 BODY 设置为 100%，但在这种情况下，该区域被页眉和页脚封顶，因此浏览器的尺寸不是一个因素，我只希望绿色 div 是它的父红色 div 的高度。这仍然是 CSS2.1 和更低版本的白日梦吗？

Answer 1

您可以使用 Javascript 来完成这项工作，或者您可以在内容的 CSS 中设置一个最小高度:

#content {
min-height:500px;
}