1、父div设置overflow与zoom 。div1加一个class
.class { overflow: hidden; zoom:1;} 简单粗暴
这个zoom属性是ie特有的，这个属性是用来放大页面的大小的，zoom:2;就是放大2倍，但由于其他浏览器不支持，所以这个属性更多的是用作来清除浮动。
.class { overflow: hidden; zoom:1;} 简单粗暴
这个zoom属性是ie特有的，这个属性是用来放大页面的大小的，zoom:2;就是放大2倍，但由于其他浏览器不支持，所以这个属性更多的是用作来清除浮动。
2、添加一个子div，用它来清除浮动
<div id=”div3″ class=”clear:both;”></div> 简单粗暴
这样会多添加一个无意义的div标签，对于有时候遍历文档树的时候不好。
3、把父div也变成float，不过这样要设置父div的宽度，否则两个子div就会变成上下排列，即父div宽度为200px，高度400px。
4、著名的clearfix方法 在父div添加一个clearfix类
对于这个有个很好的文章 http://www.cnblogs.com/zllwebjs/archive/2010/03/19/1689980.html 。