当前位置: 代码迷 >> Web前端 >> 解决IE6上float right 换行bug方案(转)
  详细解决方案

解决IE6上float right 换行bug方案(转)

热度:104   发布时间:2012-10-20 14:12:48.0
解决IE6下float right 换行bug方案(转)
IE6下有不少奇怪的Bug,今天就碰到一个,float right换行bug,情况是并列的几个块级元素如div和span,一些设置了左浮动一些设置右浮动,一行的宽度足够放下所有的块级元素,但此时ie6则显示右浮动的其中一块换行了,下面给出实例和解决方法:
实例说明下: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.
1 楼 Scooler 2011-10-12  
非常感谢..刚好被这个问题困扰~~~
解决了~
2 楼 lbird 2011-11-26  
牛逼!膜拜大神,这个问题纠结了我半天啊,终于在您这儿解决了
但是,到底是什么原因呢?
  相关解决方案