码迷,mamicode.com
首页 > 其他好文 > 详细

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

时间:2016-10-20 15:02:26      阅读:117      评论:0      收藏:0      [点我收藏+]

标签:

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

 

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

标签:

原文地址:http://www.cnblogs.com/caojiayan/p/5980496.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!