CSS-clearfix：为什么使用“table”作为“display”属性？

Question

我正在使用这些代码来制作包含浮动子项（而不是折叠）的包装元素：

.wrap:after {
  content: '';
  display: block;
  clear: both;
}

现在我看到了使用table作为display值的代码。

据说这是为了“包含子元素的上边距”。

全文在这里：http : //nicolasgallagher.com/micro-clearfix-hack/

我已经对这两种变体（块、表）进行了修补，但我找不到任何区别。

有人可以提供一个示例来说明使用块或表之间的区别吗？

Answer 1

看看这个问题。

在display: table需要就因为浏览器兼容的早期天。链接的问题解释了为什么display: block比display: table