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

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

2024-08-17 06:09:16   219人阅读

在项目中，调试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"自动换行的解决方法


联系
我们