html - 页脚背景始终位于底部

Question

我的页面页脚有问题。我希望始终在页面底部有一个页脚（背景）。如果浏览器变大，他的身高应该会增加。我见过stickyfooter，但在这种情况下高度不会改变。谢谢你。

http://img688.imageshack.us/img688/2499/layoutus.png

这是图像的链接，可以更好地解释。

Answer 1

将正文的背景颜色设置为页脚的背景颜色，将内容包装在div内容区域的首选背景颜色中。

Answer 2

在你的照片中，身体保持不变，只有页脚在增长；为此，您必须为您的身体指定一个固定的高度。

如果您希望它们都增长，则代码如下：

HTML

<div id="main">I'm the body</div>
<div id="footer">I'm the enlarging footer</div>

CSS

body, html{
    height: 100%;
}

#main{    
    background:silver;
    min-height: 80%;
    min-width: 100%;
    height: 80%;
}
#footer{    
    background: green;
    position: fixed;
    bottom: 0;
    min-height: 20%;
    min-width: 100%;
}

演示：http: //jsfiddle.net/TyhLL/

Answer 3

我也遇到了同样的问题

灵活的粘页脚

这篇文章可能对你很有帮助。