你能让flexbox子项展开以适应父级而不是内容吗？

Question

我正在使用flexbox让div占用浏览器窗口中剩余的垂直空间，但我想阻止它扩展到那个以外。当它的内容超过它的垂直大小时，我想要一个滚动条显示在现在太小的flexbox子项中。

这可能吗？或者我应该使用其他一些布局技术吗？

这是一个指向JSFiddle的链接，用于显示情况：https://jsfiddle.net/83990d3a/

另一个垂直空间用工具栏占据，其精确的垂直尺寸事先未知。

Answer 1

只需将overflow: auto添加到#content（updated fiddle）：

#content {
    background-color: #ceecf5;
    flex-grow: 1;
    overflow: auto;
}