最小宽度不会随flexbox内容扩展

Question

经过＆＃34; nico-o＆＃34;的大力帮助在上一个主题中，我学习了有关flexbox的内容，我很遗憾地遇到了另一个问题 .content div根本不会随着 flexbox div扩展，给出.content div min-width属性为100px（与divs内部相同的宽度），但是当.content div内的div增长时在数字中，.content div不会向右扩展以适应更多div。 示例http://jsfiddle.net/807/LKgbx/52/

 div只是简单地溢出在.content div之外，问题是如果我在它旁边放置另一个.content div，它就不会看到溢出。 示例http://jsfiddle.net/807/ggcg8jgq/5/

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

问题：

• 为什么.content div不会扩展其最小宽度以适应内容？

提前致谢！ ，807

Answer 1

你只需要改变你的.content-wrap类的风格：

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

到

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

希望我帮忙！