php 清除浮动,万能清除浮动样式

最新推荐文章于 2021-06-27 06:47:02 发布

In k

最新推荐文章于 2021-06-27 06:47:02 发布

阅读量71

点赞数

文章标签： php 清除浮动

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

这个方法来源于positioniseverything，通过after伪类:after和IEhack来实现，完全兼容当前主流浏览器。.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;进行的修改，重置为区块元素*/

下面给一个admin10000.com 用的清理浮动的代码.clearfix:after {

content: "020";

display: block;

height: 0;

clear: both;}.clearfix {

zoom: 1;}

这个是优化版的清除浮动的样式，很值得推荐。

相关文档：CSS清除浮动常用方法小结