设置页脚高度动态

Question

我正在创建一个网页，需要在页脚中执行某些操作。目前，页脚高度是固定的。在这种情况下，如果内容区域很小，则在页脚下方显示空白区域。但我想动态地将页脚背景向下延伸到底部。您可以在此处查看示例：http://jilson.me/stack/index.html

页脚的css代码是：

.footer{
    height:64px;
    border-top:5px solid #4b4b4b;
    background:#383838;
    max-width:1400px;
    margin:0 auto;
}

如果您需要更多代码，请与我们联系。提前致谢。

Answer 1

将页脚的背景颜色应用于body标签：

body{
   background-color:#383838;
}

然后将您的页脚div移到包装器div之外，并将包装器的背景颜色设置为

  

背景色：#FFF;

Answer 2

将height:100%添加到html

在css中添加此内容

html, body{height:100%}

Answer 3

请参阅链接jsfiddle.net/FkPqb/我希望这对您有所帮助。

Answer 4

试试这个， 将此CSS应用于您的页脚

min-height:64px;
overflow:hidden;

希望它会有所帮助。