flex 布局子元素 width:100% 无效的解决办法

父元素设置display: flex布局时，子元素的width 和 height属性会被禁用，导致对子元素设置宽高无效。

推荐的解决办法如下：

给需要设置宽高的子元素添加flex-shrink属性禁用子元素的缩放：

flex-shrink: 0;
width: 100%;

或者给通过min-width 和 max-width 属性也可以实现。