如何在全高度应用程序中组合flexbox和垂直滚动？

如何在全高度应用程序中组合flexbox和垂直滚动？

解决方案是为垂直可滚动元素设置高度。例如：

#container article {    flex: 1 1 auto;    overflow-y: auto;    height: 0px;}

元素 将 具有高度，因为flexbox会重新计算它，除非您需要 最小高度， 因此您可以使用

height:100px;

它与以下元素完全相同：

min-height: 100px;

#container article {    flex: 1 1 auto;    overflow-y: auto;    height: 100px; }

因此，如果要

min-height

在垂直滚动条中找到一个最佳解决方案：

#container article {    flex: 1 1 auto;    overflow-y: auto;    min-height: 100px;}

如果您只想要完整的垂直滚动，以防没有足够的空间来查看文章：

#container article {    flex: 1 1 auto;    overflow-y: auto;    min-height: 0px;}