IE中float:right单独一行

<p>欢迎您<a id="logout" href="javascript:logout();" style="float:right; margin-right:10px;">退出</a></p>

  图片上传不了。。。

最后显示为:

欢迎您

             退出

两者不在一行上。

在网上找到的解决方法,出处为: http://www.iteye.com/problems/88641:

<div class="div"> 
 <span class="span1">这是左边</span> 
 <span class="span2"><a>这是中间</a> </span> 
 <span class="span3">这是右边</span> 
</div> 
<style> 
.div {float:left;width:100%;} 
.span1 {float: left;} 
.span2 {float: left;} 
.span3 {float: right;} 
</style>

原因 
当非float的元素和float的元素在一起的时候,如果非float元素在先,那么float的元素将被排斥 
也就是说,你的span是float:right,但是你文本还是float:none 
如果要让两者占据同一行: 
要么你把span先于文本显示 :<span style="float: right">2007-08-18</span> (示例第3行) 
要么把文本也设成float:<span style="float: left">新闻新闻新闻</span>

根据以上,改为:

<p><a id="logout" href="javascript:logout();" style="float:right; margin-right:10px;">退出</a>欢迎您</p>

  显示正常。

posted @ 2014-07-16 17:14  yuhuhu  阅读(482)  评论(0编辑  收藏  举报