CSS清除浮动 万能完美float闭合

admin

清除浮动，新手朋友往往不是很明白。如果不清除浮动对float进行闭合，在FF中往往会出错，在大前端有大量的文章进行过介绍。今天向大家推荐一个实例，非常简洁易用。

给需要闭合的DIV（class为clearfix）加上如下的CSS样式即可：

1. .clearfix:after{content:”.”;display:block;height:0;clear:both;visibility:hidden;}
   
2. *html .clearfix{height:1%;}
   
3. *+html .clearfix{height:1%;}
   
4. .clearfix{display:inline-block;}
   
5. .clearfix {display:block;}

复制代码

不过貌似这样有点麻烦，呵呵，常用的是下面的：

1. .clear{clear:both;height:0px;overflow:hidden;}

复制代码