flex布局下，如何让父元素超出时自动滚动

Question

父元素

.exam-container .flex{
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -ms-flex-wrap: wrap;
     flex-wrap: wrap;
     -webkit-box-pack: start;
     -ms-flex-pack: start;
     justify-content: flex-start;
     margin: 10px -25px;
}

子元素

.passage .exam-container .flex .exam-item{
   margin: 30px 25px;
   cursor: pointer;
   text-align: center;
}

如果我给 整个父级一个 height:90vh 会出现滚动条 但是会把子元素之间的 上下间距拉大 很丑 我想保持现状间距的同事 出现滚动条

Answer 1

 flex-wrap: wrap;

这句不能要，因为让他不换行才能超出去

overflow: auto;

这样就会在超出的时候出现滚动条。overflow: scroll 也可以，只不过是任何时候都有