清除浮动内容的首选方法是什么?

时间:2011-10-15 15:02:07

标签: css

我想知道现在逃避花车的首选方法是什么。

我通常添加一个明确的div:在飞行器之后的两个属性,但还有更多。

我想知道专业开发人员通常喜欢的干净解决方案是什么?

2 个答案:

答案 0 :(得分:4)

我通常在包含浮动元素的元素上使用overflow: hidden,并且在我需要将overflow设置为除hidden之外的其他时间时,我使用{{1 @Lapple提到的类。

答案 1 :(得分:2)

以下是HTML5 Boilerplate中使用的.clearfix魔法:

.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }

你现在可以开始使用display: inline-block了吗?