CSS——清除浮动，不破坏文档结构，没有副作用

BetterGG

于 2019-02-14 17:30:35 发布

阅读量242

点赞数

分类专栏： css 文章标签：浮动清除浮动

22 篇文章

订阅专栏

本文深入探讨了CSS中浮动布局的特性及其对后续代码的影响，提供了clearfix类的使用方法来解决浮动引起的布局问题，并附带一篇全面讲解浮动原理的文章链接。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

因为浮动的特殊性以及使用后往往需要考虑对后续代码效果的影响，我个人一直极少用浮动，用完之后清除浮动的方法也很单一，对父元素设置如下 clearfix 的 class 属性就行：

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

此处有一篇对浮动的精简的完整讲解（包括：什么是浮动、浮动的效果、清除浮动的各种方法及原理），特在此共享：FEWY