html - 经典 'inner div to fill rest of height'-问题!

Question

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

假设我有以下内容:

• 填充 100% 高度的主 div 包装器(没问题)
• 用于填充剩余高度的内部 div PLUS 额外内容(可滚动)<-- IMO 很难。

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

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

... 页面看起来很奇怪。 如果 Div 本身可以随内容缩放，那就太好了……:-)

这怎么可能？

Answer 1

在 CSS 中确实没有很好的方法来做到这一点(尽管也许大师会过来告诉我错误)，阅读有关粘性页脚的内容可能会有所帮助，

http://www.cssstickyfooter.com/

如果您试图确保页脚不会出现在页面的中途，也会在此处的多个线程中进行讨论。这完全可以用 CSS 来完成，如果你绝对需要内容 div 占用剩余空间(没有什么 body 背景不应该能够处理..)，那么你可以使用 javascript 来设置高度要成为 document.height 的元素 - 页眉和页脚的高度。

很抱歉我没能给出更好的回复，我的笔记本电脑电池还剩 3 分钟，但我会回来的。