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}