CSS3灵活框布局（最新）最大高度

Question

我正在使用 latest 灵活框规范（据我所知，目前仅受最新的 Chrome 支持）并试图阻止 flex 项目超过最大高度。

最好用一个例子来解释：http://jsbin.com/efedof/2/edit

第一个例子.content（加上两个.bar元素）没有超过300px的高度，所以是正确的。但在第二个示例中，文本将.content 的底部向下推到.box div 之外。

如何强制三个组合弹性项目的最大总高度，以便.content 区域变得可滚动，而不是拉伸到.box 之外并将.bar 推出.box？

谢谢。

Answer 1

Found the answer!。诀窍是将min-height: 0; 添加到.content div。