我已经阅读了关于CSS flexbox的教程，我正在努力练习，但是我的第一次尝试时我不理解。
我尝试使用应用的完整垂直高度，标题位于顶部，标题下方有可滚动列表。它在chrome和safari上工作得很好，但是没有在Edge和firefox上工作，我也不知道为什么。
这里我的代码，请不要尝试使用codepen或jsfiddle，结果不符合预期，如果你想尝试，请创建一个带有以下代码的html文件（示例中同一文件中的css和html）：
10:44:32.848 [main] INFO de.crm.tools.SampleLoggerTest - OnLogger
10:44:32.848 [main] WARN de.crm.tools.SampleLoggerTest - OnLogger
10:44:47.601 [main] DEBUG de.crm.tools.SampleLoggerTest - OnLogger
10:44:47.601 [main] ERROR de.crm.tools.SampleLoggerTest - OnLogger
10:44:47.601 [main] FATAL de.crm.tools.SampleLoggerTest - OnLogger
10:44:47.601 [main] TRACE de.crm.tools.SampleLoggerTest - OnLogger
当窗口太小时，只有chrome中的列表可以滚动，但它在firefox或edge中不起作用。
有人可以帮我解释或解释为什么会这样吗？非常感谢你。