天天看點

IE Float Bug 換行 下移

<h>身份證上傳要求:<span style="float:right;">X button</span></h>
           
IE Float Bug 換行 下移

修正之前叉叉在下一行的右邊顯示了。。。

--------------------------------------------------------------------------------------------------------------------------------- 轉載自: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" target="_blank" rel="external nofollow" target="_blank" rel="external nofollow" 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" target="_blank" rel="external nofollow" target="_blank" rel="external nofollow" 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)

繼續閱讀