儿童div高度100％

Question

这个问题的一个更复杂的例子是：child div height of 100% being ignored（尚未找到工作解决方案）

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

我的问题很简单，可以在没有

的情况下完成

1. 恢复jQuery（哎呀！）或
2. 回归表格（yuckier！）

我还没有找到一个如何使用CSS布局模型完成此操作的示例。

三江源。

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

Answer 1

尝试：

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