分享一款CSS清除浮动代码

做前端开发,都会用CSS,用到CSS就难免要清除浮动,这里把小车常用的清除浮动的方法呈上。

代码如下:

/* new clearfix */
.clear:after { visibility: hidden; display: block; font-size: 0; content: ” “; clear: both; height: 0;}
* html .clear { zoom: 1; }/* IE6 */
*:first-child+html .clear { zoom: 1; } /* IE7 */

用法:给需要清除浮动的容器增加clearfix类即可。

Published by 小车

网站技术工人