2017-02-03 179 views
0

刪除空白我清除浮動生成的空白(製表符之後的空白)時遇到了一些麻煩。你們知道如何解決這個問題嗎?使用clearfix刪除空白空間:

下面是代碼(jsfiddle):

/* Clearfix */ 
    .clearfix:after { 
     visibility: hidden; 
     display: block; 
     content: " "; 
     height: 0; 
     font-size: 0; 
     clear: both; 
     white-space: nowrap; 
    } 
+0

的間隙是從標籤的內容內的'p'元件的裕度的結果在這裏是一個[更新示例](https://jsfiddle.net/9ce9yege/)與'餘量-top'去掉:'.tab-content p {margin-top:0; }'。 –

+0

非常感謝你@JoshCrozier! –

回答

0

這不是clearfix,它是p元素的默認填充。通常我們會在樣式表的開頭將它們清零。

p { 
padding: 0; 
margin: 0; 
}