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

Question

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

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

这是一个指向JSFiddle的链接来显示这种情况:https://jsfiddle.net/83990d3a/

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

Answer 1

只需添加overflow: auto到#content(更新小提琴):

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