Flexbox 溢出-y：滚动在 IE、Edge 和 Firefox 中不起作用 [重复]

Question

我有一个wraper div 有一些孩子。由于所有孩子的高度加起来大于wrapper div，我希望父母能够滚动。

以下解决方案适用于 Chrome，但不适用于 Edge、IE 和 Firefox。我尝试了不同的方法，但我的解决方案似乎都不起作用。有没有人有任何可以跨不同浏览器工作的解决方案？

#wrapper {
  display: flex;
  flex-direction: column-reverse;
  background-color: green;
  width: 300px;
  height: 300px;
  overflow-y: scroll;
}

.inner {
  background-color: red;
  height: 100px;
  width: 100px;
  margin-top: 10px;
  min-height: 100px;
}

<div id="wrapper">
  <div class="inner">hello</div>
  <div class="inner">hello</div>
  <div class="inner">hello</div>
  <div class="inner">hello</div>
  <div class="inner">hello</div>
  <div class="inner">hello</div>
</div>

Answer 1

没关系。我找到了解决方案here。似乎这是 Flexbox 本身的一个错误。