万能清除浮动样式

这个是一个很流行的清除浮动的方法,在很多大项目上已经被完全采用。

这个方法来源于positioniseverything,通过after伪类:after和IEhack来实现,完全兼容当前主流浏览器。[css]
.clearfix:after
{
content: ".";
clear: both;
height: 0;
visibility: hidden;
display: block;
} /* 这是对Firefox进行的处理,因为Firefox支持生成元素,而IE所有版本都不支持生成元素 */
.clearfix{display: inline-block;} /* 这是对 Mac 上的IE浏览器进行的处理 */
* html .clearfix{ height: 1%; } /* 这是对 Win上 的 IE6 浏览器进行的处理 */
* + html .clearfix{ height: 1%; } /* 这是对 Win 上的 IE7 浏览器进行的处理 */
.clearfix{display: block;} /* 这是对display: inline-block;进行的修改,重置为区块元素*/[/css]
下面给一个admin10000.com 用的清理浮动的代码[css]
.clearfix:after {
content: "020";
display: block;
height: 0;
clear: both;
}
.clearfix {
zoom: 1;
}[/css]
这个是优化版的清除浮动的样式,很值得推荐。

Avatar photo

About Blackford

这是个最好的时代,这是个最坏的时代,这是个充满希望的春天,这是个令人绝望的冬天,我们前面什么都有,我们前面什么都没有。梦想,让我们一次次的走远,又一次次的回头,一个关于人生的梦想还在不断奔跑,带着喜悦和疼痛,不过一切才刚刚开始,并且直到今天也远远没有结束
This entry was posted in 前端设计 and tagged , , . Bookmark the permalink.

发表评论

电子邮件地址不会被公开。 必填项已用*标注