IE Float Bug 换行 下移

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)


posted on 2012-06-04 13:49  dhj  阅读(173)  评论(0编辑  收藏  举报

导航