CSS-clearfix：为什么使用“table”作为“display”-property？ [复制]答案

【问题标题】：CSS-clearfix: Why using "table" for the "display"-property? [duplicate]CSS-clearfix：为什么使用“table”作为“display”-property？ [复制]
【发布时间】：2016-06-26 14:00:41
【问题描述】：

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

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

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

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

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

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

谁能提供一个例子来说明使用块或表之间的区别？

【问题讨论】：

标签： html css

【解决方案1】：

查看this SO 问题。

由于浏览器兼容性，早期需要display: table。链接的问题解释了为什么display: block 比display: table 更好

【讨论】：