최소 너비가 flexbox 내용으로 확장되지 않습니다

Question

이전 주제에서 "nico-o"의 도움을 받아서 flexbox에 관해 배운 후에도 불행히도 다른 문제가 있습니다.
.content div는 내부에서 div30 내부의 div가 100 자 (divs 내부와 같은 너비)의 .content div 최소 너비 속성을 제공하면서 flexs 안에 divs로 확장되지 않습니다. .content div는 더 많은 div에 맞게 오른쪽으로 확장되지 않습니다. 예 http://jsfiddle.net/807/LKgbx/52/

단지의 오버 플로우 .content div의 외부 div의 문제는 내가 옆에 또 다른 .content의 사업부를 배치하는 경우는 오버 플로우가 표시되지 않는다는 것입니다. 예 http://jsfiddle.net/807/ggcg8jgq/5/

+================+ 
|+--------------+| +--------------+ 
||    || |    | 
||    || |    | 
|| 100 x 100 px || | i'm outside | 
||    || |  :(  | 
||    || |    | 
||    || |    | 
|+--------------+| +--------------+ 
|+--------------+| +--------------+ 
||    || |    | 
||    || |    | 
||    || | i'm outside | 
||    || |  :(  | 
||    || |    | 
||    || |    | 
|+--------------+| +--------------+ 
|+--------------+| 
||    || 
||    || 
||    || 
||    || 
||    || 
||    || 
|+--------------+| 
+================+ 

[질문 :

• 왜 내용에 맞게 자사의 최소 폭을 확대 .content div의 밤은?

미리 감사드립니다. , 807

Answer 1

방금에서 .content 랩 클래스의 스타일을 변경해야합니다 :

.content-wrap { 
width: 100%; 
height: 90vh; 
background-color: #963; 
} 

희망

.content-wrap { 
width: 100%; 
display: inline-block; 
height: auto; 
background-color: #963; 
} 

에 내가 도와주세요!