Question

怎样让div内部两个ul标签横向两端对齐？

怎样让div内部两个ul标签横向两端对齐？
横向导航栏是用DIV层做的，导航栏左侧对齐，现在需要在与导航栏同行的右侧再添加一个登陆链接，这个登陆链接要向右对齐。简单的说，就是页眉只有一行，现在导航栏向左对齐，而同行的登陆链接向右对齐，并且都是用UL标签，使用同一个CSS。

请问如何实现？高手帮下忙。

Answer 1

<style>
.box{ width:100%; background:#0099FF; }
ul{ margin:0; padding:0; list-style:none; }
ul .li1 { float:left; }
ul .li2 { float:right; }
.clean{ clear:both; }
</style>
<div class="box">
<ul>
<li class="li1">导航区域</li>
<li class="li2">登录区域</li>
<div class="clean"></div>
</ul>
</div>
恩 这个代码在火狐和ie里都能正常显示的
快复制粘贴看看吧 祝楼主好运！

Answer 2

/*css*/

.box{width:800px;margin:auto;clear:both;overflow:hidden;zoom:1;}
.ul1{float:left;clear:left;}
.ul2{float:right;clear:right;}

<!--html-->
<div class="box">
<ul class="ul1">………………</ul>
<ul class="ul2">………………</ul>
</div>