html-正文无法拉伸到全高页面

Question

我想在页面底部放置一个元素。 我所知道的是，可以通过设置HTML，body {height：100％}并将其定位在div绝对值和bottom：0px内来实现； fe：

    <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部分解决了该问题，在加载时我将文档的高度存储到var中，然后将此值应用为body元素的高度。

Answer 1

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

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