一、问题描述
奇怪的事情出现了，即使给定了子盒子宽度，给了父盒子overflow：auto，内容依然会被挤压
之前学过flex-wrap：wrap，可以实现弹性盒子换行解决盒子宽度被压缩问题，但是此处不需要换行呀！
二、解决方法
给固定宽度的元素添加flex-shrink:0
flex-shrink:0;
原因：定义为flex布局元素的子元素，自动获得了flex-shrink的属性。就是告诉子元素当父元素宽度不够用时，自己调整自己所占的宽度比，flex-shrink默认为1，表示所有子元素大家同时缩小来适应总宽度。当flex-shrink设置为0时，表示大家都不缩小适应。
还有一种办法，就是给需要设置width元素的外面再嵌套一层view。需要设置width的元素就变成了子子元素，不再受上述约束。
