欢迎光临杨雨的个人博客站!

杨雨个人网站-杨雨个人博客-杨照佳

杨雨个人博客网站

关注互联网和搜索引擎的个人博客网站

首页 > WEB开发 > html5案例分享 >

CSS清除浮动 万能float闭合

发布时间:2015-08-08  编辑:杨雨个人博客网站   点击:   

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

给需要闭合的DIV(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;}> 本文地址:http://itbyc.com/web/html5/3029.html
转载请注明出处。
分享是一种快乐,也是一种美德:
博客首页 | WEB开发 | 网站运营 | CMS使用教程 滇ICP备14002061号-1