设置页脚高度动态

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; 

希望这会有所帮助。