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

Posted 2020-08-15 caojiayan

在项目中，调试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>