css根据元素调整宽度

我正在开发一个导航菜单

如果你看到这张图片，右边还有一些空间， 我怎样才能自动调整那里的空间

元素的数量不是固定的。它们可以是2、3、4或其他

---

[目前有4个]

实现这一点的最佳方法是在

ul

上使用

display:table

，使水平导航条表现为一个表格；和

在
li
上显示：表格单元格

如果你发布一些代码，我将能够给你一些更好的指示；但这里有一个例子：

    nav { 
        width: 500px; /* This would be set to the width of the existing container */
    }

    nav ul {
        list-style: none;
        margin:0;
        padding:0;
        display: table;
        width: 100%; 
    }

    nav li {
        text-align: center;
        display: table-cell;
    }
    nav a {
        display: block;
        text-align: center;
    }

---

您想让导航栏占据整个容器吗？是的，但导航栏中的子菜单的编号会发生变化，可以是2,3 4,6,10目前它们是4您的

。菜单项
有一个设置
宽度
&
浮动：左
属性。这就是它不起作用的原因。把这两个都去掉，它就会起作用。