css清除浮动的方法

css 霎霈喊纪布局的方法很多，现在通常会使用 felx 布局，但是在这之前我们是使用 float 浮动来布局的~现在float 也还在适应，很多时候回使用到浮动，但是浮动却有个问题：会造成塌陷，使得元素脱离了正常的文档流！我们就不得不做使用了 float 布局之后，接着就要做清除浮动处理，避免造成塌陷。

2、现在我们希望 前面 3 个 div 同占一行，这里我们使用 float 浮动做到效果对 3 个 div 使用 float：left;

二、清除浮动，避免塌陷

1、① 方法一：在浮动的元素后面添加空 div 标签 clear:both在 float 元素的后面，添加一个空的 div，并且设置clear:both ，清除它两边的 浮动，后面的元素就不会塌陷了优点 ： 容易写，用的很多缺点： 无形中多了了无用的 div

三。建议

1、其实清除浮动的方法很多，因为兼容性问题，已经清除效果问题，不推荐使用其他的方法~~~~~上面的两个方法足矣

2、现在使用 float 做布局的不多，只是在页面的某个小模块里面可能使用道浮动，本文章中这样来做页面大排版的布局，现在使用的是 flex，兼容性以及响应性要好很多~~~~~~