Html 删除菜单项后，如何使菜单栏展开以填充空间？

我已经从导航栏中删除了一个菜单项，但现在导航栏无法扩展以填充屏幕宽度，因此它现在比实际页面内容短。我怎样才能做到这一点？我试着增加宽度：100%，但没有任何区别

这是我的代码：

   <ul id="PrimaryNav" class="clearfix">
        <li><a href="index.php" title="Home Page">Home</a></li>
        <li><a href="about.php" title="About">About&#47;FAQ</a></li>
        <li><a href="priceguide.php" title="Prices Guide">Price Guide</a></li>
        <li><a href="packages.php" title="Packages">Packages</a></li>
    <!--    <li><a href="laser-lipo.php" title="Laser Lipo">Laser Lipo</a></li> -->
        <li><a href="acne.php" title="Skincare">Skincare</a></li>
        <li><a href="pcos.php" title="PCOS">PCOS</a></li>
        <li><a href="testimonials.php" title="Testimonials" class="last">Testimonials</a></li>
    </ul>

    ul#PrimaryNav {
    margin: 0 auto;
    padding: 0;
    clear: left;
    display: block;
}    
        ul#PrimaryNav li {
    display: inline-block;
    margin: 0;
    padding: 0;
    width: 12.5%;
    float: left;
    background: transparent url('../img/primarynavbg.jpg') bottom left repeat-x;
}
    ul#PrimaryNav li a {
    display: block;
    margin: 0;
    padding: 0;
    text-align: center;
    line-height: 35px;
    font-size: 14px;
    border-right: solid 1px #f1f1f1;
    border-bottom: solid 1px #dcdcdc;
}

ul#PrimaryNav{
保证金：0自动；
填充：0；
清除：左；
显示：块；
}    
ul#PrimaryNav li{
显示：内联块；
保证金：0；
填充：0；
宽度：12.5%；
浮动：左；
背景：透明url（'../img/primarynavbg.jpg'）左下角repeat-x；
}
初级导航李a{
显示：块；
保证金：0；
填充：0；
文本对齐：居中；
线高：35px；
字体大小：14px；
右边框：实心1px#f1f1；
边框底部：实心1px#dcdc；
}

我没有使用

显示：块
到
ul
元素，而是使用
显示：表；宽度：100%li
元素，我使用
display:table cell
而不是
display:inline块

CSS

ul#PrimaryNav {
    margin: 0 auto;
    padding: 0;
    clear: left;
    display: table;
    width: 100%;
}
ul#PrimaryNav li {
    display: table-cell;
    margin: 0;
    padding: 0;
    background: transparent url('../img/primarynavbg.jpg') bottom left repeat-x;
}
ul#PrimaryNav li a {
    display: block;
    margin: 0;
    padding: 0;
    text-align: center;
    line-height: 35px;
    font-size: 14px;
    border-right: solid 1px #f1f1f1;
    border-bottom: solid 1px #dcdcdc;
}

您只需使用display:table单元格即可：


将
li
的宽度百分比更改为100/列表项数。ul#PrimaryNav li宽度：14.28%我也尝试过，但没有任何区别。我只是在cpanel中编辑.css文件，我需要做些什么来强制更改生效吗？谢谢-我刚刚尝试了这个，但是没有任何改变。我是否必须采取措施强制.css更改生效？我也在刷新浏览器，所以这不是浏览器缓存问题。@Sarah清除浏览器缓存了吗？还要检查您是否正在更改正确的文件路径hi，是的，我确实清除了它（还尝试了其他浏览器），如果您是指css文件，我确信我正在更改正确的文件。嗯…当我在浏览器中加载css文件时，更改不会显示…这是我查看源代码时指向css的链接，这是我正在更改的文件@莎拉，我说不出有什么问题。。但我猜问题可能是css正在以某种方式被覆盖。。可能是由于其他css文件或高特异性或使用了
！重要信息
。你能不能检查一下这些元件，以确保这里没有过顶的问题？（目前我想不出其他问题）谢谢你-我刚试过，但没有任何改变。我是否必须采取措施强制.css更改生效？我也在刷新浏览器，所以这不是浏览器缓存问题。
ul#PrimaryNav {
    margin: 0 auto;
    padding: 0;
    clear: left;
    width:100%;
    display: table;
}    
ul#PrimaryNav li {
    display: table-cell;
    margin: 0;
    padding: 0;
    background: transparent url('../img/primarynavbg.jpg') bottom left repeat-x;
}
    ul#PrimaryNav li a {
    display: block;
    margin: 0;
    padding: 0;
    text-align: center;
    line-height: 35px;
    font-size: 14px;
    border-right: solid 1px #f1f1f1;
    border-bottom: solid 1px #dcdcdc;
}