CSS : 부모 요소 너비에 맞게 자식 요소의 동적 너비

Question

CSS를 작성할 때 부동 소수점 요소의 자동 자식 너비 기능이 누락되어 전체 폭을 부모 너비에 맞출 수 있습니다. 이 예를 고려할 수 있도록 사실
나는, Google 검색 상자에 문구를 열심히 찾습니다
ul 네 li
li 포함 float: left; list-style: none;을 가지고 있으며, 네 개의 li 요소가 있기 때문에, 각각 어떤 경우 width: 25%;
있다을 I 그래서 li가 다섯을 때 폭이 20 %의 취득, 또는 그들이 열, 또는 50 %의 폭 w 경우 10 %의 폭을 얻는다 li 요소의 수는 변수 대신 네 고정 만들고 싶어 암탉 그들은 두 등? ul에는 항상 고정 폭이 명시되어 있습니다.

Answer 1

당신은 CSS3의 플렉스 상자를 사용할 수 있습니다. 여기

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

은 (당신이 -moz하는 -webkit을 변경해야 할 수도 있습니다 또는 -o) http://jsfiddle.net/wKKte/

Answer 2

디스플레이 사용해보기 : 표;

는 여기에 바이올린입니다 :

http://jsfiddle.net/7D5cM/