天天看点

CSS清除浮动 万能float闭合

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

给需要闭合的DIV(class为clearfix)加上如下的CSS样式即可:

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

不过貌似这样有点麻烦,呵呵,大前端常用的是下面的:

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