display flex 的div 被子元素撑开,不显示y轴滚动条的 一个解决demo。
注: 不一定适用所有人的的相同问题
less
css
# less
.contact {
display: flex;
flex-grow: 1;
overflow: hidden auto;
flex-direction: column;
.contact-items {
flex: 1 1 0;
display: flex;
cursor: pointer;
flex-direction: column;
overflow: hidden auto;
.item{
.....
}
}
}
html
html
<div class="contact">
<div class="contact-items">
<div class=item>
</div>
</div>