Flexbox无法在Edge和FireFox中使用

Question

我知道这类似于https://github.com/philipwalton/flexbugs/issues/108，但是我有不同的情况，该问题的答案并不能真正解决我的问题。我正在尝试使页面的页眉和页脚具有可滚动内容。它在Chrome上完美运行，但在使用Edge和Firefox时页眉和页脚不起作用。我有两个嵌套的内容元素。最内层是溢出。就像我说过的那样，它可以在Chrome和IE中完美运行，但不能在Edge＆Firefox中运行。我尝试删除外部内容元素，现在它可以在Edge＆Mozilla中使用，但问题可以追溯到Chrome。有人可以帮我解决这个问题吗？我已经解决这个问题了几个星期了。谢谢！这是要复制的堆栈闪电：https://stackblitz.com/edit/angular-ksjqak

Answer 1

没关系。通过将外部内容元素的最小高度设置为0，我已经找到了解决方案。