height - 当内容扩展超过窗口大小时，在绝对定位元素上设置 100% 高度

Question

所以在阅读 Stack Overflow 和网络后，我发现有两个主要技巧可以达到 100% 高度:

1. 在 HTML 和 BODY 上设置高度:100%
2. 将您的元素设置为:
   • 高度:100%，或者
   • 顶部:0，底部:0，position:absolute

但是，即使使用这些技巧，我也很难将绝对定位的 DIV 的高度设置为真正的 100%。我可以获得 100% 的视口(viewport)大小，但如果用户完全向下滚动，则很明显 div 并没有真正具有 100% 的高度。

我在这里做了一个简单的 JS Fiddle: http://jsfiddle.net/9FEne/

我的问题是:有没有人知道任何进一步的技巧来获得真正的(即内容高度，而不是视口(viewport)高度)100% 高度绝对定位的 div？

Answer 1

抱歉，我之前错过了真正的问题，还以为你想填满窗口。如果问题是内容比窗口长，那么您需要将 position:relative 添加到正文中。 http://jsfiddle.net/9FEne/7/

发生的事情是，当您绝对定位某物时，它相对于最近定位的元素定位(和调整大小)。如果您不告诉它定位到主体，那么它将定位到窗口。