CSS

Question

好吧，这是同一个老游戏：我正在为客户创建一个 wordpress 主题，到目前为止一切正常（正在进行中），但在我的页脚下方有一些白色 space，这是我的来源检测不到。

可能是我瞎了。我用firebug一步一步删除每个div或ul或li来找到它的来源，但没有帮助。

这个问题从何而来？

我在 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: "." 的元素，结果在白色space。将我的 ::after content 更改为 content: " " 确实解决了问题并且工作正常。

Answer 1

将此添加到您的 CSS：

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

CSS - 我的白space是从哪里来的？

CSS - Where does my white space come from?

html

safari