如何使我的浮动<li>展开以覆盖整个<ul>？</ul> </li>

Question

我决定让我的导航链接成为一个风格化的<ul>。如何才能使每个<li>的宽度展开，以便覆盖整个<ul>，即第一个从left:0开始，最后一个以right:0结束？ / p>

它如何看待较低的分辨率并不重要。红色边框为<ul>，蓝色边框为<div>。

这是我目前的代码：

div.nav_container {
    width:960px;
}
ul.nav {
    position:relative;
    list-style:none;
    padding-bottom: 10px;
    width:100%;
    border:1px solid red;
}
ul.nav li {
    margin:0 10px; padding:0;
    text-align:center;
    position:relative;
    float:left;
    width:13%;
    background-color:white;
    border:1px solid black;
}

Answer 1

ul.nav li {
margin:0; padding:0;
text-align:center;
position:relative;
display: inline-block;
width: 158px;
background-color:white;
border:1px solid black;
}

导航容器的宽度（960px）除以列表项的数量（6）= 160px减去2px的边框（每边1px）= li宽度为158px。