flex和overflow使用时，不能滚动的原因

分析原因

flex属于弹性布局，在空间不够的情况下，为了布局不变，从而挤压元素，
注意这里的重点是 弹性 和 挤压

解决办法

记得flex的这两个属性吗
flex-grow 一个数字，规定项目将相对于其他灵活的项目进行扩展的量。
flex-shrink 一个数字，规定项目将相对于其他灵活的项目进行收缩的量。
默认是 flex-shrink为 1 ，表示可以挤压，我们只要设置flex-shrink：0 这样不允许挤压元素，overflow就可以正常用了