IE6/IE7浏览器中"float: right"自动换行的解决方法

时间:2023-03-08 19:37:08

在项目中,调试IE6/IE7,发现一个bug,那就是:在同一个div包裹着,几个块级元素并列为一行的情况下,设置了float:right的块级元素会自动换行:

代码如下:

  <p> 
<span>版权所有</span>
<span style="float=right;">
<a href="#">申请入驻</a>
<a href="#">申请合作</a>
<a href="#">开发平台</a>
<a href="#">关于软信</a>
</span>
</p>

解决方法:

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

代码重新排版如下便可以:

 <p>
<span style="float=right;">
<a href="#">申请入驻</a>
<a href="#">申请合作</a>
<a href="#">开发平台</a>
<a href="#">关于软信</a>
</span>
<span>版权所有</span>
</p>