CSS调整宽度取决于元素

Question

我正在发民导航菜单

如果你看到的图像，还有一些空间在正确的， 我怎么能自动调整空间也离开了。

的任何元素的存在不fixed..They可以2,3,4或东西

[目前有4]

Answer 1

实现这一目标将有最好的方法你水平导航栏的行为如同ul上的display: table;并在li上display: table-cell。

如果您发布了一些代码，我将能够给您一些更好的说明;但这里有一个例子：

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; 
    }