网页设计 百分网手机站

CSS清除浮动 万能float闭合

时间:2020-11-11 19:20:28 网页设计 我要投稿

CSS清除浮动 万能float闭合

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

  给需要闭合的p(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;}

【CSS清除浮动 万能float闭合】相关文章:

1.C语言中的小数(float,double)

2.C语言double和float 实例分析用法

3.网页设计css教学

4.Dreamweaver编写和CSS技巧

5.Dreamweaver应用CSS样式设计

6.关于css框架网页设计教程

7.网页设计中css怎么学习

8.Dreamweaver中应用CSS的技巧

9.Dreamweaver8.0速记CSS属性