flex-shrink: 0; //子元素添加
这是因为定义为flex布局元素的子元素,自动获得了flex-shrink的属性,这个属性就是是告诉子元素当父元素宽度不够用时,自己调整自己所占的宽度比,这个flex-shrink设置为1时,表示所有子元素大家同时缩小来适应总宽度和高度即设置的高度和宽度不生效。当flex-shrink设置为0时,表示大家都不缩小适应即设置的高度和宽度可以生效。
所以,倘若给父元素设置了flex布局后,若要其子元素的width和height有效果,必须给子元素设置flex-shrink为0。