1

我正在创建一个网页，需要在页脚中做一些事情。目前，页脚高度是固定的。在这种情况下，如果内容区域很小，它会在页脚下方出现一个空白区域。但我想动态地将页脚背景扩展到底部。您可以在此处查看示例：http: //jilson.me/stack/index.html

页脚的css代码是：

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

如果您想要更多代码，请告诉我。提前致谢。

4

4 回答 4

1

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

body{
   background-color:#383838;
}

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

背景颜色：#fff;

于 2013-01-11T12:53:59.693 回答
0

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

于 2013-01-11T06:44:56.327 回答
0

添加height:100%到 html

在css中添加这个

html, body{height:100%}
于 2013-01-11T06:42:29.527 回答
0

试试这个，把这个css应用到你的页脚

min-height:64px;
overflow:hidden;

希望它会有所帮助。

于 2013-01-11T07:00:00.920 回答