IE6下有不少奇怪的Bug,昨天就碰到一個,癥狀是并列的幾個span元素,如<spanclass=”left”><span class=”center”>和<spanclass=”right”>三個元素,如果.right添加float:right語句,它就會脫離隊伍,跳下一行上。今天琢磨了半天,一直以為是Position:Relative的問題,結(jié)果搞得自己很疲憊。
實例說明下:html結(jié)構(gòu)如下
<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:本來排一行的左邊+中間+右邊,可右邊淘氣的跳到了下一行。
解決方案:
不用修改css什么的,只要把float的模塊放到非float的前面即可。
上面的html結(jié)構(gòu)重排下序:
<div><span style="float: right" class="right">右邊</span> <span class="left">左邊</span> <span class="center">中間</span> </div>
聽說IE9出爐了,對CSS的支持有了很大提升,衷心希望所有的IE6都快些升級到IE9.