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>??

效果:

?

原因:?

當非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>

轉載于:https://www.cnblogs.com/smallmuda/archive/2009/02/26/1398535.html

總結

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

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。