html - CSS-clearfix : Why using "table" for the "display"-property?

<分区>

我正在使用这些代码制作包含 float 子项的包装元素(而不是折叠):

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

现在我看到了代码，其中 table 被用作 display 的值。

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

我已经对这两种变体( block 、表格)进行了修改，但我找不到任何区别。

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

最佳答案

查看 this所以问题。

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

关于html - CSS-clearfix : Why using "table" for the "display"-property?，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/35938281/

相关文章：

html - 如何将一个类中的颜色用作同一元素的第二个类中的背景色？