我无法正确地将我的页脚放在内容的底部

Question

以下是我正在处理的网站的链接。我出于某种原因无法找出原因。我可以通过我的页脚div的顶部有一个很大的余量。但这意味着我需要几个不同的页脚div来缩短页面。

http://www.bwtdesigns.com/413

我也有问题希望添加我的代码。你可以看到我所缺少的东西。查看来源。

Answer 1

需要清除div中带有“wrap”ID的浮动元素。这可以通过给div类名“group”来完成。请务必在整个站点中具有浮动元素的任何父项上执行此操作。

您还需要将以下样式添加到样式表中，然后可以从页脚中删除上边距。

如果您只需要支持IE8，请使用此功能：

.group:after {
  content: "";
  display: table;
  clear: both;
}

否则，请使用：

.group:before,
.group:after {
    content: "";
    display: table;
} 
.group:after {
    clear: both;
}
.group {
    zoom: 1; /* For IE 6/7 (trigger hasLayout) */
}

Answer 2

我不能很好地看你的代码，但我想你有很多浮动的元素。 在您的页脚添加之前：

<div style="clear: both;"></div>

告诉我，如果这改变了什么。或者将clear: both;添加到页脚。

修改 我刚补充说：

.footer {
  margin-top: 0;
  clear: both;
}

使用FF开发人员工具对您的代码进行修复。阅读Floats和清晰的CSS属性。