1.清除浮动

下面是两种常用的方式，而这两招也够用了(不用千招会，只需一招精)。

1.结尾处加空div标签 clear:both

  
     
     
      
       Left
      
     
      
       Right
      
    
      
     

缺点：每次清除浮动都加空div，影响了HTML的结构，例如如果要算div的个数，都会被影响到。

2.父级div定义 伪类:after

  
     
     
      
       Left
      
     
      
       Right
      
     

我更倾向使用这种清除浮动的方式，不增加HTML，浏览器兼容性也好，写法在我看来也简洁。

PS:不过如果要兼容IE6、IE7，就需要加多个zoom:1。

本文转自 海角在眼前 博客园博客，原文链接： http://www.cnblogs.com/lovesong/p/3762296.html  ，如需转载请自行联系原作者