关于flex布局下，overflow滚动失效的原因

今天碰到一个问题，请看图片

这里给父元素设置了宽度、flex，子元素也设置了宽度，这里是想让超出宽度出现滚动效果，就是因为加了flex，发现滚动失效了。解决办法如下：
给子元素加 flex-shrink: 0; 这样就可以了，让子元素不可被压缩。完美解决。