CSS：适合父宽度的子元素的动态宽度

Question

编写CSS时，我总是发现自己缺少浮动子元素的自动子宽度特征，以使它们的总宽度适合父宽度。
其实我觉得很难在谷歌搜索框短语，所以你可以考虑下面这个例子：
一个ul包含四个li
li有float: left; list-style: none;因为有四个li元素，每个都有width: 25%;
如果我想使li元件的数目可变，而不是固定，所以li得到的宽度的20％的时候都，或获取的10％的宽度，如果他们是，或50％的宽度w母鸡他们是两个等。？假定ul总是具有明确的固定宽度。

Answer 1

您可能能够使用CSS3的柔性盒。

ul{display:box;} 
li{box-flex:1;} 

这里有一个的jsfiddle演示（您可能需要更改-webkit -moz到或-O）http://jsfiddle.net/wKKte/

Answer 2

尝试显示：表;

这里有一个拨弄它：

http://jsfiddle.net/7D5cM/