宝宝健康成长网首页刘易桉宝宝健康成长 林林微博 育儿护理知识 宝宝网址导航
当前位置: 首页 >> 网络学习 >> 解决IE6下float right 换行bug方案

解决IE6下float right 换行bug方案

IE6下有不少奇怪的Bug,昨天就碰到一个,症状是并列的几个span元素,如<span class=”left”><span class=”center”>和<span class=”right”>三个元素,如果.right添加float:right语句,它就会脱离队伍,跳下一行上。今天琢磨了半天,一直以为是Position:Relative的问题,结果搞得自己很疲惫。

实例说明下:html结构如下

<div>
<span class="left">左边</span>
<span class="center">中间</span>
<span style="float: right" class="right">右边</span>
</div>

.left和.center都没有 float 属性,然后在FireFox,google chrome及IE7、IE8等浏览器下都正常显示,可在Internet Explorer 6 下有bug:本来排一行的左边+中间+右边,可右边淘气的跳到了下一行。

解决方案:

不用修改css什么的,只要把float的模块放到非float的前面即可。

上面的html结构重排下序:

<div><span style="float: right" class="right">右边</span> <span class="left">左边</span> <span class="center">中间</span> </div>

听说IE9出炉了,对CSS的支持有了很大提升,衷心希望所有的IE6都快些升级到IE9.

敬请留言当前共有 10 条评论

  1. david 说道:

    IE6的功能还不是很强大。不过现在人很少用IE6了吧

    我比较喜欢用FF或chrome

  2. david 说道:

    嘿嘿,再来句:中秋快乐哦。

  3. 学夫子 说道:

    我们都愿意抛弃ie6,为何其他人还在用?

  4. 二手科学家 说道:

    发现你的theme在ie6下也有兼容性问题,不过,我发现,在国内用ie6的人还很多

  5. 二手科学家 说道:

    很多人只认ie那个蓝色logo为浏览器,其他不识啦!

  6. 二手科学家 说道:

    谢谢,也祝你节日快乐!

  7. zwwooooo 说道:

    因为我现在的主题无视ie6,基本能看就行了。以前的主题就兼容

  8. david 说道:

    不客气哦。。继续来顶了哦。

  9. 优趣 说道:

    学习学习、!

发表评论

^留言没头像?教你设置头像!
我的应用 [email protected] 宝宝问答>  0-1岁  1-3岁  3-6岁 手气不错