解决IE6下float right 换行bug方案

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

实例说明下：html结构如下

<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结构重排下序：

<div><span style="float: right" class="right">右边</span> <span class="left">左边</span> <span class="center">中间</span> </div>

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