清除浮动的3种方式-天下异事儿麻辣双娇 5
父级元素定义伪类：after和zoom
如图设置id为div1的容器中有两个浮动的div保定老杨，容器外有一个class为div2的元素如果我们不清除浮动是这样的效果
黑色的上半部分被遮住了金柳彬 ，现在我们写第一种清除浮动的方式
#div1:after{
content:"";
display:block;
clear:both;
visibility:hidden;
height:0;
line-height:0;
}
#div1{
zoom:1//兼容IE
}
清除浮动后效果如图
2 . 在父元素的最后写上一个空元素章文琪 ，并设置clear:both
这种方式不太建议使用李龙吟，如果页面有很多地方使用浮动乐绘馆，那将增加太多的空标签
3 . 给父元素设置overflow:hidden
使用这种方法清除浮动简单暴力biu雷哥，可是要主要超出父元素的范围的元素会被隐藏
以上介绍的3种方式拍手治百病，第一种是最靠谱的方法博看小说网 昌茜吧，白纬玲也是bootstrap框架中介绍的方法孔雁！