Html 动态设置页脚高度

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

页脚的css代码为：

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

---

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

将

高度：100%

添加到html

将此添加到css中

html, body{height:100%}

---

将高度：100%添加到html

将此添加到css中

html, body{height:100%}

---

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

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

试试这个， 将此css应用于页脚

min-height:64px;
overflow:hidden;

希望能有所帮助。

试试这个， 将此css应用于页脚

min-height:64px;
overflow:hidden;

---

希望有帮助。

将页脚的背景色应用于正文标记：

body{
   background-color:#383838;
}

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

背景色：#fff

---

将页脚的背景色应用于正文标记：

body{
   background-color:#383838;
}

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

背景色：#fff

---

设置高度：自动；试试这个没用。通过缩小页面可以看到效果。确定从cssset中删除高度设置高度：自动；试试这个没用。通过缩小页面可以看到效果。确定从CSS删除高度直到不工作！您可以缩小页面并查看页脚的效果。仍然不起作用！您可以缩小页面并查看页脚的效果。请访问mailchimp.com并尝试缩小页面。（Ctrl和-）。看看页脚是如何工作的。我需要这样做！应用背景色：#3838；到您的html标记。。如上所述，访问mailchimp.com并尝试缩小页面。（Ctrl和-）。看看页脚是如何工作的。我需要这样做！应用背景色：#3838；到您的html标记。。如上所述