你能让flexbox子元素扩展以适应父元素但不是内容吗？

Question

6

我正在使用flexbox使一个div占据浏览器窗口中剩余的垂直空间，但我想防止它扩展超过该空间。当其内容超过其垂直尺寸时，我希望滚动条出现在现在太小的flexbox子元素中。这是可能的吗？还是有其他布局技术可以使用？

这里是一个JSFiddle链接以展示这种情况: https://jsfiddle.net/83990d3a/ 其他垂直空间由工具栏占用，其确切垂直尺寸事先不知道。

- Curyous

1个回答

网页内容由stack overflow 提供, 点击上面的

可以查看英文原文，
原文链接

- Ori Drori · Accepted Answer

只需在#content上添加overflow: auto（更新的代码片段）：

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