我在一个父 div 中有 4 个 div。为了让它们并排显示，我为所有 4 个 div 指定了一个带有 float:left 的样式。 div 确实并排显示，但父 div 的高度不会增长到包含子 div 的高度。我错过了什么？
最佳答案
这是由 float 元素的实现引起的一个怪癖，当你有一个只包含 float 子元素的父元素时，就会发生这种情况。有两种方法可以解决。一种是将父元素的 overflow 属性设置为 hidden，有时也称为 overflow 方法。另一个被称为 clearfix method ，并涉及 :after 伪类的使用。
clearfix 方法的优点是允许特定定位的元素“悬挂”在父容器之外(如果您需要的话)，代价是一些额外的 CSS 和标记。这是我更喜欢的方法，因为我经常使用悬挂元素。
关于css - 并排div，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/2095797/