플렉스 비례 비례 조절 폭

Question

난 플렉스 박스에 익숙해지고 있는데 Flex-Grow : 1을 그룹화하면 칼럼 높이가 똑같이 커지지 만 너비는 그렇지 않다. 골.

만약 내가 이것을 이해하고 있다면, 기본 플렉스 방향은 "row"... 이론적으로 너비가 모두 같아서는 안됩니다. 여기

.flex{display:flex} 
.flex div{flex-grow:1} 

/*Just for visual separation*/ 
.flex div:nth-child(odd){background-color:#ccc} 

당신이 codepen

에있는 것처럼이

.flex{display:flex;} 
.flex div{flex-grow:1} 

작동하지 않지만이 수행 http://codepen.io/dougmays/pen/dPWQdp

감사

Answer 1

을 내 예제의 Codepen입니다 일

.flex2{display:flex;} 
.flex2 div{flex:1} 

여러분이 flex : 1을 설정할 때 flex-basis를 0px (기본값)로 설정한다는 차이점이 있습니다.

플렉스 기준 값이없는 첫 번째 예에서 요소는 현재 너비에서 시작하여 균일하게 커집니다. 이것이 다르므로 최종 결과도 다릅니다