解决ie六、ie7下float为right换行的状况

IE6下有很多奇怪的Bug，今天就碰到一个，float:right换行bug，状况是并列的几个块级元素如div和span，一些设置了左浮动一些设置右浮动，一行的宽度足够放下全部的块级元素，但此时ie6则显示右浮动的其中一块换行了，下面给出实例和解决方法：

实例说明下：html结构以下

<div>

<span class="left">左边</span>

<span class="center">中间</span>

<span class="right">右边</span>

</div>.left和.center都没有 float 属性，而后在FireFox，google chrome及IE七、IE8等浏览器下都正常显示，可在Internet Explorer 6 下有bug：原本排一行的左边+中间+右边，可右边淘气的跳到了下一行。

 

解决方案：

 

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

 

上面的html结构重排下序：

 

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

 

原文地址： http://blog.sina.com.cn/s/blog_6ad6243801012q65.html