XML/HTML代碼

<p?style="width:?400px;?height:?20px;?text-align:?left;">新聞新聞新聞<span?style="float:?right">2007-08-18</span><span?style="clear:?both;"></span></p>??

??

<p?style="width:?400px;?height:?20px;?text-align:?left;"><span?style="float:?right">2007-08-18</span>新聞新聞新聞</p>??

效果:

?

原因:?

當(dāng)非float的元素和float的元素在一起的時(shí)候，如果非float元素在先，那么float的元素將被排斥
也就是說(shuō)，你的span是float:right，但是你文本還是float:none

如果要讓兩者占據(jù)同一行:

要么你把span先于文本顯示 ：<span?style="float:?right">2007-08-18</span> （示例第3行）

要么把文本也設(shè)成float：<span?style="float:?left">新聞新聞新聞</span>

轉(zhuǎn)載于:https://www.cnblogs.com/smallmuda/archive/2009/02/26/1398535.html

總結(jié)

以上是生活随笔為你收集整理的元素 float:right 后右对齐换行原因的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問(wèn)題。

如果覺(jué)得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。