常见的几种清除浮动方式

1、定义伪类清除

.clearfloat:after{display:block;clear:both;content:"";visibility:hidden;height:0}

2、设置空div进行clear

.clearfloat{clear:both}

3、为父元素设置高度

.div1{background:#000080;border:1px solid red;/*解决代码*/height:200px;}

4、为父元素设置overflow：hidden

.div1{background:#000080;border:1px solid red;/*解决代码*/width:98%;overflow:hidden}

5、父元素一起浮动：

.div1{background:#000080;border:1px solid red;/*解决代码*/width:98%;margin-bottom:10px;float:left}