子 div 100% 高度

Question

这个问题的一个更复杂的例子在这里： child div height of 100%被忽略 （尚未找到可行的解决方案）

验证我的问题的测试用例： http ://www.elucidatedbinary.com/tmp/layouttest_100percentheight.html。我希望#main div（黄色背景）扩展到其父div（#container）高度的100%。

我的问题很简单，是否可以在不

1. 恢复到 jQuery（恶心！）或
2. 恢复到表（恶心！）的

情况下完成此操作？我还没有找到如何使用 CSS 布局模型来完成此操作的单个示例。

谢谢。

编辑：当我说“扩展到其父 div 高度的 100%”时，我的意思是一直扩展到页脚下方。标题应该在顶部留下一个粉红色的间隙。

Answer 1

尝试：

#main { position: absolute; top: 0px; bottom: 0px; }