首页 > 代码库 > IE6/IE7浏览器中"float: right"自动换行的解决方法

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

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

代码如下:

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

 

解决方法:

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

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

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

 

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