为什么开发人员在父 div 上使用 ::before 伪元素和 display:table答案

【问题标题】：Why developers use ::before pseudo element with display:table on parent divs为什么开发人员在父 div 上使用 ::before 伪元素和 display:table
【发布时间】：2019-08-17 04:34:12
【问题描述】：

我看到在大多数网站上，人们经常在父 <div>s ::before 上使用伪 content:''; （我知道你需要放置内容） 和 display: table 和我不知道为什么。

和

【问题讨论】：

标签： html css html-table pseudo-element display

【解决方案1】：

它被称为“clearfix”，您只需 google-ing¹ 即可了解更多信息。它有很多版本。截图中的可能是 Nicolas Gallagher 的版本，你可以阅读更多关于它的信息here

¹This提供简单的imo介绍

【讨论】：

【解决方案2】：

“clearfix”是一种在所有子元素都浮动时修复父元素高度为零的技巧。这样，父母就可以保持它的高度。

【讨论】：