IE Float Bug 换行 下移

<h>身份证上传要求：<span style="float:right;">X button</span></h>

修正之前叉叉在下一行的右边显示了。。。

---------------------------------------------------------------------------------------------------------------------------------

转载自：http://blog.sina.com.cn/s/blog_6e4796540100x62q.html

code 1:

在非IE浏览器下 一切正常 IE下a标签下移

<div style="height: 30px; line-height: 30px; text-align: left; background-color: #F6F6F6;border-bottom: 1px solid #CCCCCC;">

<b style="margin-left:10px;">热门标签</b>

<a href="keylist.html" style="margin-right:5px; float:right;">全部标签>></a>

</div>

code 2： 

解决办法 b 标签也 Float 一下

<div style="height: 30px; line-height: 30px; text-align: left; background-color: #F6F6F6;border-bottom: 1px solid #CCCCCC;">

<b style="margin-left:10px;float:left;">热门标签</b>

<a href="keylist.html" style="margin-right:5px; float:right;">全部标签>></a>

</div>

总结：

IE的BUG

当非float的元素和float的元素在一起的时候，如果非float元素在先，那么float的元素将被排斥

也就是说，你的span是float:right，但是你的a还是float:none 如果要让两者占据同一行，

要么你把span先于a显示，要么把a也设成float（float:left）