溢出：自动在 chrome 中没有正确滚动

Question

我有以下主从布局，我希望左侧蓝色列和黄色右侧列滚动。据我所知，我已经设置了一系列嵌套的 flexboxes 来实现这种布局。这在 Safari 中运行良好，但不是 Chrome。请参阅CodeSandbox here。我错过了什么？

Answer 1

终于找到解决办法了。我的水平容器上已经有 min-height: 0，但父容器上还需要 min-height: 0。它与弹性项目的自动最小尺寸有关（参见 Flexbox Specifications). Also this article 非常有用。

CodeSandbox solution 已更新。