1、父div设置overflow与zoom 。div1加一个class
.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 。
.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 。