问题描述
我正在尝试创建一个 3 列布局，其中一列在溢出时滚动。
我有一个工作原型 here in this code sandbox。
看起来像这样：
青色/青色是溢出滚动部分 - 最顶部的父级填充在灰色框架周围可见。
不起作用的部分 - 是当我想将这个工作 flexbox 嵌入/嵌套在另一个也包含标题的 flexbox 中时 - 但是当我这样做时，包含的滚动一个中断 - 整个 flexbox 溢出屏幕。
Codesandbox of version that doesn't work
截图：
我想有一些关于 flexbox 大小的问题我不明白，因为我玩过不同的高度/flex 值并且无法解决这个问题。
我做错了什么？
附言我将 Chakra-UI 用于组件 + 样式 - 但属性与 vanilla CSS 相同。我认为这对这个问题没有任何影响。标记更简洁。
解决方法
暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！
如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。
小编邮箱:dio#foxmail.com (将#修改为@）