解決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