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/