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

标签 html css twitter-bootstrap

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

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

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

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

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

Chrome 中出现的错误图片(也可在 Firefox 中复制)。 Picture of this occurring in Chrome (replicable in Firefox too)

最佳答案

罪魁祸首在 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/

相关文章:

jquery - 如何避免 Bootstrap 使用隐藏其他功能?

html - Angular 5,HTML,复选框上的 bool 值被选中

jquery - 使用 jQuery 更改 img 属性

twitter-bootstrap - Bootstrap 模态叠加另一个模态

html - 底部边框可以水平移动吗?

java - 如何确保 A href 的绝对 URL 重定向

javascript - 仅使用 css 将按钮跨到对面

css - 如何从 TinyMce <p> 元素中删除边距

html - 在按钮中悬停时切换图像

javascript - 在 Bootstrap 模式中显示 sumoselect