解決ie6、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及IE7、IE8等瀏覽器下都正常顯示,可在Internet Explorer 6 下有bug:本來排一行的左邊+中間+右邊,可右邊淘氣的跳到了下一行。
 
解決方案:
 
不用修改css什么的,只要把float的模塊放到非float的前面即可。
 
上面的html結構重排下序:
 
<div><span class="right">右邊</span> <span class="left">左邊</span> <span class="center">中間</span> </div>
 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM