CSS - 我的白色空间来自哪里？

Question

好吧它是同样的老游戏：我正在为客户创建一个wordpress主题，到目前为止一切正常（正在进行中），但在我的页脚下面有一些空白区域，这是我无法检测到的。

也许我是瞎子。我已经使用firebug逐步删除每个div或ul或li以查找其来源，但它没有帮助。

这个问题来自哪里？

Preview site for CSS / HTML information

我在firebug中找到的唯一可能的来源是user-agent-style-sheet，而其最后三行似乎是无效的（低灰色字体颜色，其余为黑色）：

body {
- User-Agent-Style-Sheet
display: block;
margin-top: 8px;
margin-right: 8px;
margin-bottom: 8px;
margin-left: 8px;
}

在Safari 8.0.3中显示

// Prebens解决方案解释：

我使用了clearfixes来确保我的float: left/right样式永远不会弄乱我的布局。使用的clearfix使用::after创建清除元素：

.clearfix::after {
content: ".";
clear: both;
display: block;
visibility: hidden;
height: 0px;
}

我确实在footer（我身边的底部）使用了这个clearfix，因为在我的页脚之后，clearfix确实创建了一个带有content: "."的元素，这导致了空白。将我的::after content更改为content: " "确实解决了问题并且也正常工作。

Answer 1

将此添加到您的CSS：

footer.clearfix:after {
content: "";
}