网页设计

CSS清除浮动

时间:2024-08-27 05:01:32 网页设计 我要投稿
  • 相关推荐

CSS清除浮动

  导语:清除浮动,新手朋友往往不是很明白。如果不清除浮动对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清除浮动】相关文章:

什么是CSS05-28

网页设计css教学02-07

CSS网页设计技巧03-27

Dreamweaver中应用CSS的技巧12-02

CSS和JavaScript脚本实例03-29

CSS让网页设计简单的方法12-11

通过Dreamweaver学习了解CSS11-25

CSS 如何使p层水平居中03-29

让网站变灰的css代码实例12-02