如何操作 - 清除浮动 (Clearfix)
学习如何使用“clearfix”技巧清除浮动。
如何清除浮动(清除浮动)
浮动元素后的元素将围绕它流动。使用“clearfix”技巧来解决问题。
没有 Clearfix
有 Clearfix
Clearfix 技巧
如果一个元素比包含它的元素高,并且它被浮动,它将溢出到其容器之外。
然后,我们可以向包含元素添加 overflow: auto;
来解决此问题。
只要你能控制你的边距和填充(否则你可能会看到滚动条),overflow:auto 清除技巧就能很好地工作。但是,**新的、现代的 clearfix 技巧**更安全,以下代码用于大多数网页。
提示:在我们的 CSS Float 教程中了解更多关于浮动的信息。