为了兼容,就要不择手段——清除浮动

时间: 2009-12-12 / 分类: Css, Web标准 / 浏览次数: / 0个评论 发表评论

不错,为了兼容,就要想尽一切办法,虽然有时让人啼笑皆非。。。

为了方便清除浮动,写了个简单的清除浮动样式

.c{
clear:both;
height:0;
font-size:0;
line-height:0;
}

在ie6 7 8 以及Firefox Safari opera这些浏览器下面测试正常,可是在遨游浏览器下有差别,正是因为这个浮动元素引起的,哪里不严谨呢,之前没有太注意,只当是遨游的恶作剧,现在在世界之窗浏览器看了看,丫的竟然和遨游一样的问题,这下锁定了原因:清除浮动的地方。

于是开始找虫子,一贯的做法就是加个背景啊 边框啊, 于是就给它个背景看看。。。

彻底雷到了,bug消失。。下面是改后的样式

.c{
clear:both;
height:0;
font-size:0;
line-height:0;
background:#fff;/*颜色随便*/
}

发表评论

您的昵称 *

您的邮箱 *

您的网站