使用clearfix删除空白空间:

问题描述:

删除空白我清除浮动生成的空白(制表符之后的空白)时遇到了一些麻烦。你们知道如何解决这个问题吗?使用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! –

这不是clearfix,它是p元素的默认填充。通常我们会在样式表的开头将它们清零。

p { 
padding: 0; 
margin: 0; 
}