我想实现一个顶部的全宽度功能导航条
类似于
-------------------------------------------------------------------------
File | Edit | Project | Functions | Help                 Customize|Logout  
-------------------------------------------------------------------------
这种效果的。左边若干个float:left，右边两个float:right，用一个容器装起来
<div id="NAV" style="background-color:#888; padding:5px">
    <div style="float:left"> File </div>
    <div style="float:left"> Edit </div>
    <div style="float:left"> Project </div>
    <div style="float:left"> Function </div>
    <div style="float:left"> Help </div>    
    <div style="float:right"> Logout</div>
    <div style="float:right"> Customize</div>    
</div>
可是容器那个NAV如果不写float，就不会把子元素装入显示，功能都挂在外边。
加了float:left，就不会100%宽度显示(似乎只有IE能100%,IE8)。
因为后续还要再外边包上其他元素外壳，所以也不能用width:100%的属性。
怎么办呢？
我不使用这个那个的js库。最好有纯CSS实现。
--
FROM 166.111.34.*