On my website (click),我使用了twitter-bootstrap v2.3.2的众多软件之一,由于某些原因,row-fluid:beforerow-fluid:afterclearfix:beforeclearfix:after内容的宽度均为9px,高度为8像素。

没有其他站点会出现此问题,并且高度忽略height: 0 !important,唯一可以摆脱的是完全删除内容,这会破坏clearfix。

是什么原因造成的?我该如何摆脱呢?我在Google上找不到与此远程相关的任何内容,这整天让我很生气!

我无法复制此问题,我尝试将一行及其所有内容复制到jsfiddle中,然后链接到网站包含的每个样式表,都可以,:before内容没有高度和1px宽度,与我拥有的所有其他网站。

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

在Chrome中发生的错误图片(在Firefox中也可以复制)。

最佳答案

罪魁祸首在main.css中,您应用了border-spacing,将其删除,然后消失:

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

关于html - 为什么row-fluid:before和row-fluid:after有高度?,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/26762546/

10-12 13:21