一行內，左右分離的佈局一例

感覺自己這個佈局蠻簡單有效的，第二次去用的時候還沒想到這樣寫，去翻以前的才發現，還是記錄一下吧。

 

效果：

 

 

 

代碼：

 

 

            <div id="top-bar">
		<p class="r-f">
			<a class="home" href="">首頁</a>
			<a href="">社區</a>
			<a href="">資源站</a>
			<a href="">牌</a>
			<a class="money" href="">XXX</a>
			<a class="ask" href="">幫組中心</a>
		</p>
		您好，<a class="light" href="">XX</a>歡迎來到XX網
		<a href="">我的空間</a>
		<a href="">我的首頁</a>
		<a class="leftarrow light" href="">退出</a>
	</div>

 

CSS就一個 class="r-f", 就是： float:right;