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

【问题标题】：CSS3 flexbox: flexboxes inside flexboxes aren't contained inside their parentsCSS3 flexbox：flexbox 内的 flexbox 不包含在其父级中
【发布时间】：2011-12-21 12:41:33
【问题描述】：

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

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

这里不是发布代码，而是一个 JSFiddle：http://jsfiddle.net/dex3703/ryCQq/ 不完整，但你明白我希望的想法。 CSS 由三个不同的文件组合而成。

谢谢！

【问题讨论】：

恐怕你必须展示一些代码。尝试尽可能缩小范围以解决问题，或提供 Web 应用的链接。
制作了一个 JSFiddle。如果您无法使用，请告诉我（全新用户...）

标签： html css flexbox

【解决方案1】：

想通了。所有容器都必须设置为 display: box（或 -webkit-box 等）。如果你想要一个盒子里面有一个盒子，它们都必须是盒子。希望这对某人有帮助！

【讨论】：

似乎 display: box 已被弃用。