CSS3 flexbox：flexbox中的flexbox不包含在父级内

Question

我面临着在HTML / CSS中使用相当复杂的Web应用程序。我发现了很多关于flexbox的问题，这似乎可以解决我的问题。我试图了解我做错了什么或者flexbox的限制是什么。我只在Chrome中工作，所以有帮助。

我一直看到两个问题： - 盒子不明白如何容纳里面儿童的高度/宽度 - 父母不包含儿童饭盒。这个问题的图片：

而不是在这里发布代码是JSFiddle：http://jsfiddle.net/dex3703/ryCQq/ 还没有完全完成，但你得到了我希望的想法。 CSS由三个不同的文件组合而成。

谢谢！

Answer 1

想出来。必须将所有容器设置为display：box（或-webkit-box等）。如果你想要一个盒子里面的盒子，它们都必须是盒子。希望这有助于某人！