感觉自己这个布局蛮简单有效的,第二次去用的时候还没想到这样写,去翻以前的才发现,还是记录一下吧。
效果:
代码:
<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;