问html - body不伸展到完全高度页。
EN

Stack Overflow用户

提问于 2012-05-06 13:41:12

回答 1查看 2.1K关注 0票数 0

我想在页面底部定位一个元素。我所知道的是，这可以通过设置HTML、body{height:100%}，然后在div中的绝对和底部定位:0px；f.e：

    <html>
    <body>
    .
    .
    .
    <div id="footer">
    </div>
    </body>
    </html>

和css：

html, body{
height:100%;
}
#footer{
position:absolute;
bottom:0
}

上面的代码没有HTML那样的预期结果，body元素的高度和包含的元素一样高。你能告诉我为什么吗？链接到网站：http://www.lesemouvantes.com/dev/

使用jQuery部分解决了这个问题，onload我将文档的高度存储到var中，然后将这个值作为主体元素的高度应用。

发布于 2012-05-06 13:51:13

绝对位置元素相对于具有非静态位置的第一父元素定位。如果找不到这样的元素，则包含的块是html。

因此，在您的情况下，页脚被放在html的底部，而不是body，您应该设置位置:相对位置；因为只有这样，它才会被放在身体的底部。

票数 0

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/10470975

复制

相似问题

问html - body不伸展到完全高度页。EN