Question

我想在页面底部放置一个元素。我所知道的是，这可以通过设置HTML，body {height：100％}然后定位div div和bottom：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中，然后将此值应用为body元素的高度。

Answer 1

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

所以在你的情况下，页脚被放置在html的底部而不是正文你应该设置位置：relative;对于你的身体，因为只有这样它才会被放置在身体的底部。