清除浮动的三种方法

什么是浮动？脱离原来的位置，横向排列。主要作用于“文本绕图”，制作导航，网页布局。块元素转成行元素显示

清除浮动，指的是清除浮动产生的不利影响。

当父盒子没有定义高度，嵌套的盒子浮动之后，下边的元素发生位置错误。

一：额外标签法  clear: left  |  right  | both  在最后一个浮动元素后添加标签,

<div style="clean:botu"></div>   优点：方便，缺点：当数量较多，单个标签进行操作，麻烦

.clearfix{
   zomm:1; // 兼容ie低版本浏览器
}

二： 给父集元素使用overflow:hidden;    bfc

使用方式：在父盒子中添加一行 overflow:hidden; 代码即可； 缺点是，当内容超出范围，内容会被裁剪。

三：伪元素清除浮动  推荐使用

在父盒子中添加一个class 选择器，通常用 class=clearfix