网页设计

CSS清除浮动 万能float闭合

时间:2025-03-02 16:24:44 网页设计 我要投稿
  • 相关推荐

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闭合】相关文章:

CSS清除浮动08-27

CSS居中浮动元素的使用方法08-16

用CSS的float创建三栏布局的三种方式09-08

C语言中的小数(float,double)06-09

什么是CSS09-06

p+css的15个css重则07-08

CSS编程的外部CSS文件引用方法是什么06-28

C语言double和float 实例分析用法06-14

网页设计css教学08-27