使用clearfix删除空格：after

Question

我在删除浮动所产生的空白时遇到了一些问题（选项卡后面的空格）。你们知道如何解决这个问题吗？

以下是代码（jsfiddle）：

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

Answer 1

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

p {
 padding: 0;
 margin: 0;
}