方法一：添加新的元素 、应用 clear：both
.clear{ clear:both; height: 0; height: 0; overflow:hidden; }
方法二：父级div定义 overflow: auto
.over-flow{ overflow: auto; zoom: 1; //处理兼容性问题 }
方法三： 伪类 :after 方法 outer是父div的样式
.outer {zoom:1;} /*==for IE6/7 Maxthon2==*/ .outer :after { clear:both; content:‘.‘; display:block; width: 0; height: 0; visibility:hidden; }
原文：https://www.cnblogs.com/jessiespur/p/9523490.html