ie6 float:right 之后换行解决方法

来源:luqidong 发布时间:2013-10-07 19:25:24 点击数:
 
 在其他浏览器里面,float属性值为right的时候这个 元素会浮动到最右边。但是唯独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:本来排 一行的左边+中间+右边,可右边淘气的跳到了下一行 。 
有几种解决方法,最完美的解决方法就是直接把右边 的块级元素放到最左边,这种方法不需要多余的代码 只要调换下位置就好,第二种就是利用绝对定位,但 是这样加大了代码量。第三种就是都给他们加上float 。但是这样会引起后面的bug,最后一种是用ie6下面 的hack写法,直接把元素margin-top到原来的位置上 。
综上所述,最完美的解决方法就是:
<div><span style="float: right" class="right"> 右边</span> <span class="left">左边</span>  <span class="center">中间</span> </div>
这样不需要做任何调整。