经典的“内部div以填补其余的高度”问题！

Question

在设计新页面时，我试图找到符合我的基本CSS问题的解决方案。 但没有运气，即使它已经接近......

说我有以下内容：

• 填充100％高度的主要div包装（没问题）
• 内部div以填充其余高度 PLUS 额外内容（可滚动）＆lt; - 这是很难的IMO。

Content div应该填补剩余的高度......

唯一的问题是，如果我在position:absolute上使用left:0;bottom:0;top:0;，Content;如果Content的内容超出了浏览器的初始高度，则会发生这种情况：

...页面看起来很奇怪。 如果Div本身可以扩展内容......： - ）

会很好

这怎么可能？

Answer 1

在CSS中实际上没有什么好方法可以做到这一点（尽管可能会有一位大师来找我错了），阅读粘性页脚可能会有所帮助，

http://www.cssstickyfooter.com/

还在这里讨论了几个主题，如果你试图确保页脚不会出现在页面的中间位置。这可以完全用CSS完成，如果你绝对需要内容div占用剩余的空间（没有任何身体背景应该不能照顾..），那么你可以使用javascript来设置高度元素是document.height - 页眉和页脚的高度。

对不起，我的笔记本电池还剩3分钟就没能给出更好的回复，但我会回来的。