为什么开发人员在父 div 上使用带有 display:table 的 ::before 伪元素

Question

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

和

Answer 1

它叫做"clearfix"你可以通过简单地google-ing¹了解更多。它有很多版本。屏幕截图中的版本可能是 Nicolas Gallagher 的版本，您可以阅读更多相关信息 here

¹ This 提供了一个简单的介绍 imo

Answer 2

"clearfix" 是一种 hack，用于修复 parent 元素的零高度，当它的所有 children 元素都浮动时。这样，parent 可以保持它的高度。