我正在使用最新的弹性盒子规格（据我所知，目前仅受最新的 Chrome 支持），并试图阻止弹性项目超过最大高度。
最好用一个例子来解释：http://jsbin.com/efedof/2/edit
第一个例子.content（加上两个.bar元素）不超过300px的高度，所以是正确的。但是在第二个示例中，文本将.content的底部向下推，在.boxdiv之外。
如何强制实施三个组合 flex 项目的最大总高度，以便.content区域变得可滚动，而不是拉伸到.box之外并将.bar推出.box？
谢谢。
找到了答案！诀窍是将min-height: 0;添加到.contentdiv中。