关于html:CSS-clearfix:为什么使用“table”作为“display”-property?

CSS-clearfix: Why using “table” for the “display”-property?

本问题已经有最佳答案,请猛点这里访问。

我使用这些代码来创建包含浮动子元素的包装器元素(而不是折叠):

1
2
3
4
5
.wrap:after {
  content: '';
  display: block;
  clear: both;
}

现在,我已经看到代码,其中表用作显示值。

据说这是为了"包含子元素的上边缘"。

全文如下:http://nicolasgallagher.com/micro-clearfix-hack/

我对这两种变体(块、表)都做了些修改,但找不到任何区别。

有人能举个例子说明使用块或表的区别吗?


看看这个问题。

由于浏览器的兼容性,早期需要display: table。这个问题解释了为什么display: blockdisplay: table好。