Css 儿童潜水器100%高度

这个问题的一个更复杂的例子如下：（尚未找到有效的解决方案）

正在验证我的问题的测试用例：。我希望#main div（黄色背景）扩展到其父div（#容器）高度的100%

我的问题很简单，这可以不用

恢复到jQuery（真恶心！）或

恢复到表（恶心！）

我还没有找到一个例子来说明如何使用CSS布局模型来实现这一点

谢谢

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

试试：

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

---

jQuery肯定不是“恶心的”！哇！多快的评论啊。我的意思是恶心，因为页面加载时会有延迟，然后内容会自行改变。在这种情况下，最令人讨厌的是，使用jQuery使布局工作当然是“令人讨厌的”，只需将顶部更改为

top:120px为了保持gapI，我们发现，一旦开始滚动，顶部/底部方法不会扩展容器的背景颜色。从OP的问题中不清楚这是否会是一个问题。