为什么开发人员在父div上将:: before伪元素与display：table一起使用

Question

我看到在大多数网站上，人们经常在父<div>的{​​{1}}上伪造::before的伪指令。（我知道您需要放置内容）和content:'';，我不知道为什么。

和

Answer 1

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

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

Answer 2

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