html - html - 正文不会伸展到全高页面

Question

我想在页面底部放置一个元素。我所知道的是，这可以通过设置 HTML、body{height:100%} 然后在 div absolute 和 bottom:0px; 中定位来完成。费：

    <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中，然后将此值应用为body元素的高度。

score 0 · Accepted Answer

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

因此，在您的情况下，页脚被放置在 html 的底部而不是正文中，您应该设置 position:relative; 为您的身体，因为只有这样它才会被放置在身体的底部。

1 回答 1