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 中复制)。
最佳答案
罪魁祸首在 main.css
中,您应用了一些 border-spacing
,删除它它就会消失:
.home-content {
border-spacing: 4px;
}
关于html - 为什么 row-fluid :before and row-fluid:after have a height?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/26762546/