:解决IE6下float right 换行bug方案

来源:百度文库 编辑:九乡新闻网 时间:2024/04/28 18:16:10

IE6下有不少奇怪的Bug,昨天就碰到一个,症状是并列的几个span元素,如三个元素,如果.right添加float:right语句,它就会脱离队伍,跳下一行上。今天琢磨了半天,一直以为是Position:Relative的问题,结果搞得自己很疲惫。

实例说明下:html结构如下

左边中间style="float: right" class="right">右边

.left和.center都没有 float 属性,然后在FireFox,google chrome及IE7、IE8等浏览器下都正常显示,可在Internet Explorer 6 下有bug:本来排一行的左边+中间+右边,可右边淘气的跳到了下一行。

解决方案:

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

上面的html结构重排下序:

style="float: right" class="right">右边 左边 中间

听说IE9出炉了,对CSS的支持有了很大提升,衷心希望所有的IE6都快些升级到IE9.