清除浮动,新手朋友往往不是很明白。如果不清除浮动对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;}