IE6下li中span元素右浮动的BUG解决方案

很多人都会遇到这个问题就是在li元素里要用span元素将时间设置为右浮动时IE6浏览器会跑到下一行。
这并不是我们希望的,虽然可以用_margin设置为负值来调整,可是尽量不要用。
下面告诉大家一个解决方案,100%有效,也是在网上的一个博客中发现的。

正常写法:
<ul>
 <li><a href=”#”>今日头条新闻</a><span>11-02-12</span></li>
 <li><a href=”#”>今日头条新闻</a><span>11-02-12</span></li>
</ul>

解决写法:(其实也很简单,就是把span标签写到li的前面。)
<ul>
 <li><span>11-02-12</span><a href=”#”>今日头条新闻</a></li>
 <li><span>11-02-12</span><a href=”#”>今日头条新闻</a></li>
</ul>

解开了这个困扰人的小问题,豁然开朗。

原文链接:,转发请注明来源!

发表评论

  • 1 Responses to “IE6下li中span元素右浮动的BUG解决方案”
    • 庞勋

      大哥你很牛啊,这个都发现,救了小弟啊,哈哈。

      回复