儿童度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; }