码迷,mamicode.com
首页 > 其他好文 > 详细

万能清理浮动写法

时间:2014-12-03 12:13:24      阅读:159      评论:0      收藏:0      [点我收藏+]

标签:ar   使用   sp   on   bs   ef   nbsp   br   ht   

 

CSS:

.clearfix:after {
    content: "";
    display: block;
    height: 0;
    clear: both;
}
.clearfix { zoom: 1; }

.clear { clear: both; }

 

原 理:对于子元素浮动的元素,使用clearfix来清理。Firefox等标准浏览器以及IE8+支持:after属性,会使用 clearfix:after进行清理,对于IE6和7,不支持:after属性,会使用zoom属性来清理,且zoom属性只有IE系列可以识别,并且 IE8及之后浏览器使用zoom无法触发layout来实现清理。需要使用独立标签进行清理的话,使用clear来清理。

 

兼容所有浏览器

 

万能清理浮动写法

标签:ar   使用   sp   on   bs   ef   nbsp   br   ht   

原文地址:http://www.cnblogs.com/k13web/p/4139432.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!