On my website (click),我使用了twitter-bootstrap v2.3.2的众多软件之一,由于某些原因,row-fluid:before
,row-fluid:after
,clearfix:before
和clearfix: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/