為什么row-fluid：before和row-fluid：after有高度？

Question

在我的網站（click）上，出於某種原因，我使用了twitter-bootstrap v2.3.2，其中之一是row-fluid:before ， row-fluid:after ， clearfix:before和clearfix:after內容都有一個寬度為9像素，高度為8像素。

沒有其他站點會出現此問題，並且height忽略height: 0 !important ，唯一可以擺脫的問題是完全刪除內容，這會破壞clearfix。

是什么原因造成的？ 我該如何擺脫呢？ 我在Google上找不到與此遠程相關的任何內容，這整天讓我很生氣！

我無法復制此問題，我嘗試將一行及其所有內容復制到jsfiddle中，然后鏈接到網站包含的每個樣式表，都可以，：before內容沒有高度和1px寬度，與我擁有的所有其他網站。

通過注釋掉css文件后，我發現這與main.css有關。

在Chrome中發生的錯誤圖片（在Firefox中也可以復制）。

Answer 1

罪魁禍首在main.css ，您應用了一些border-spacing ，將其刪除，然后它消失了：

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