유연한 상자가 예상대로 작동하지 않습니다.

div가 있는데, display: -webkit-box;을 정의했습니다. 이 div의 내부에는 모두 -webkit-box-flex: 1; 인 7 개의 div가 있습니다.

그러나 첫 번째 div는 다른 div보다 작습니다. 누구 생각?

코드를 입력하십시오. – duri

나는 cssdesk 미리보기를 만들었 : http://cssdesk.com/rxRum 이것은 크롬에서 잘 작동합니다. 상자는 거의 같은 크기입니다. 귀하의 질문을 수정하기 위해 이것을 시작하십시오. – topek

네 말이 맞아, 실제로 나는 틀렸어. 나는 webkit-box-flex가 나머지 공간을 채울 것으로 생각합니다. 첫 번째 요소에는 텍스트가없고 다른 요소에는 작은 요소가 있습니다. –

상자 모델이 틀 렸습니다. 나는 당시에 혼란 스러웠고 모든 div가 같을 것이라고 생각했지만, 실제로 그것은 동등하게 추가되는 나머지 공간입니다.

2011-10-26 20:24:07

나는 80 % 너비의 div에서 7 개의 상자가 균등하게 간격을 둔 열을 줄 것이라고 생각하지 않습니다. 마지막 열의 경계선을 가지고 놀거나 부모를 960px로 설정하십시오. 7은 고르게 들어 가지 않습니다.

2011-10-05 05:54:53 Anagio

답변