我正在使用最新的灵活框规范（据我所知，目前仅受最新的 Chrome 支持）并试图阻止 flex 项目超过最大高度。
最好用一个例子来解释：http: //jsbin.com/efedof/2/edit
第一个例子.content（加上两个.bar元素）没有超过 的高度300px，所以是正确的。但是对于第二个示例，文本将底部.content向下推到.boxdiv 之外。
如何强制三个组合的 flex 项目的最大总高度，以便该.content区域变得可滚动而不是拉伸到外部并将.box推出？.bar.box
谢谢。