CSS3灵活的盒子布局(最新)最大高度

Jac*_*ght 2 css webkit google-chrome css3 flexbox

我正在使用最新的灵活盒子规格(据我所知,目前仅由最新的Chrome支持)并且我试图阻止弹性物品超过最大高度.

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

第一个例子.content(加上两个.bar元素)不超过高度300px,所以是正确的.但是在第二个例子中,文本.content.boxdiv 之外向下推动底部.

如何强制三者结合柔性物品的最大总高度,从而使.content区域变得滚动,而不是拉伸的外.box和推.bar出的.box

谢谢.

Jac*_*ght 5

找到答案了!.诀窍是添加min-height: 0;.contentdiv.