html - 为什么 row-fluid :before and row-fluid:after have a height?

Question

On my website (click) ，我使用过 twitter-bootstrap v2.3.2 的其中一个，出于某种原因 row-fluid:before, row-fluid:after, clearfix:before 和 clearfix:after 内容的宽度均为 9px，高度为 8px。

没有其他网站有这个问题，高度忽略 height: 0 !important 唯一可以摆脱它的是完全删除内容，这会破坏 clearfix。

这是什么原因造成的？我怎样才能摆脱它？我在 Google 上找不到与此相关的任何内容，这让我一整天都很生气!

我无法重现这个问题，我试过将一行及其所有内容复制到 jsfiddle 中，然后链接到网站包含的每个样式表，没问题，:before 内容没有高度和 1px 宽度，和我拥有的所有其他网站一样。

通过注释掉 css 文件后，我发现它与 main.css 有关。

Chrome 中出现的错误图片(也可在 Firefox 中复制)。

Answer 1

罪魁祸首在 main.css 中，您应用了一些 border-spacing，删除它它就会消失:

.home-content {
     border-spacing: 4px;
}