CSS清除浮动 万能float闭合

才智馆 人气:2.74W

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

CSS清除浮动 万能float闭合

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

rfix:after{content:”.”;display:block;height:0;clear:both;visibility:hidden;}

*html rfix{height:1%;}

*+html rfix{height:1%;}

rfix{display:inline-block;}

rfix {display:block;}

  不过貌似这样有点麻烦,其实常用的.是下面的:

r{clear:both;height:0px;overflow:hidden;}

TAGS:CSS 闭合 float