网页设计

CSS清除浮动 万能float闭合

时间:2024-10-08 13:23:36 网页设计 我要投稿
  • 相关推荐

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

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

什么是CSS05-28

网页设计css教学08-27

CSS网页设计技巧08-14

CSS让网页设计简单的方法07-31

CSS和JavaScript脚本实例10-26

Dreamweaver中应用CSS的技巧09-02

通过Dreamweaver学习了解CSS06-11

如何用css进行网页布局07-06