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

Question

这是我正在处理的网站的链接。我出于某种原因我无法弄清楚为什么。我可以通过在页脚 div 的顶部留出较大的边距来实现。但这意味着我需要几个不同的页脚 div 来制作较短的页面。

http://www.bwtdesigns.com/413

我也有希望添加我的代码的问题。你可以看到我错过了什么。查看源代码。

Answer 1

需要清除div中ID为“wrap”的 float 元素。这可以通过给 div 类名“group”来完成。请务必对整个站点中具有 float 元素的所有父项执行此操作。

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

如果您只需要支持 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) */
}