解決IE6下float right 換行bug方案

IE6下有不少奇怪的Bug,昨天就碰到一個,症狀是並列的幾個span元素,如三個元素,如果.right添加float:right語句,它就會脫離隊伍,跳下一行上。今天琢磨了半天,一直以爲是Position:Relative的問題,結果搞得自己很疲憊。實例說明下:html結構如下

左邊中間右邊
.left和.center都沒有 float 屬性,然後在FireFox,google chrome及IE7、IE8等瀏覽器下都正常顯示,可在Internet Explorer 6 下有bug:本來排一行的左邊+中間+右邊,可右邊淘氣的跳到了下一行。解決方案:不用修改css什麼的,只要把float的模塊放到非float的前面即可。上面的html結構重排下序:
右邊 左邊 中間
聽說IE9出爐了,對CSS的支持有了很大提升,衷心希望所有的IE6都快些升級到IE9.
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章