CSS垂直flexbox溢出-y不起作用

Question

我已通过html和body元素将页面的页面高度设置为100％。它是一个类似移动应用程序的页面，所以我希望它在一个页面上呈现（没有主滚动条）。三部分

<nav>
<div id="main">
<footer> 

排列在弹性列中，但是，main内部的项目比页面中显示的项目更长，overflow-y: scroll;不执行任何操作。有想法该怎么解决这个吗？

Answer 1

您需要将高度设置为max-height

postDelayed

HTML

body {
margin: 0;
padding: 0;
}
#main-wrapper{ 
width: 500px;
max-height: 200px;    /*Adjust Height*/
overflow-y: scroll!important;
overflow-x: hidden;
}
#main {
-webkit-column-count: 4;
-moz-column-count: 4;
column-count: 4;
}

选中 fiddle 。希望这对你有用。