因此,在阅读 Stack Overflow 和网络之后,我发现实现 100% 高度有两个主要技巧:
- 在 HTML 和 BODY 上设置 height:100%
- Set your element to have either:
- 高度:100%,或
- 顶部:0,底部:0,位置:绝对
然而,即使使用这些技巧,我也很难将绝对定位的 DIV 的高度设置为真正的 100%。我可以获得 100% 的视口大小,但如果用户向下滚动,很明显 div 并不真正具有 100% 的高度。
我在这里做了一个简单的 JS Fiddle:http://jsfiddle.net/9FEne/ http://jsfiddle.net/9FEne/
我的问题是:有谁知道任何进一步的技巧来获得真正的(即内容高度,而不是视口高度)100%高度绝对定位的div?
抱歉,我之前错过了真正的问题,以为你想要填满窗口。如果问题是内容比窗口长,那么您需要添加position:relative
到身体。http://jsfiddle.net/9FEne/7/ http://jsfiddle.net/9FEne/7/
发生的情况是,当您绝对定位某些东西时,它会相对于最近的定位元素进行定位(和调整大小)。如果您不告诉它定位到主体,那么它将定位到窗口。
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)