西安做网站_西安网站建设公司_西安网页制作_西安网页设计_西安网站制作设计公司

 找回密码
 注册

QQ登录

只需一步,快速开始

搜索
查看: 1482|回复: 0

CSS清除浮动 万能完美float闭合

[复制链接]
发表于 2015-3-7 11:22:23 | 显示全部楼层 |阅读模式
清除浮动,新手朋友往往不是很明白。如果不清除浮动对float进行闭合,在FF中往往会出错,在大前端有大量的文章进行过介绍。今天向大家推荐一个实例,非常简洁易用。

给需要闭合的DIV(class为clearfix)加上如下的CSS样式即可:
  1. .clearfix:after{content:”.”;display:block;height:0;clear:both;visibility:hidden;}
  2. *html .clearfix{height:1%;}
  3. *+html .clearfix{height:1%;}
  4. .clearfix{display:inline-block;}
  5. .clearfix {display:block;}
复制代码

不过貌似这样有点麻烦,呵呵,常用的是下面的:
  1. .clear{clear:both;height:0px;overflow:hidden;}
复制代码



回复

使用道具 举报

您需要登录后才可以回帖 登录 | 注册

本版积分规则

QQ|手机版|小黑屋|Archiver|西安网站建设

GMT+8, 2018-4-21 15:54 , Processed in 0.106868 second(s), 21 queries .

Powered by Discuz! X3.1

© 2001-2013 Comsenz Inc.

快速回复 返回顶部 返回列表