因为设置了display: flex; 导致 block 布局变成了 flex 布局，
所以在子元素宽度没有被撑破的情况下，子元素宽度是有效的。
但当子元素内容过多，宽度会比实际宽度小，父元素永远不会撑破100%，
因此想要在已经设置了 flex 布局的基础上，再进行子元素宽度的设置，
可以在该子元素上设置应用下面的样式

flex-shrink: 0;

哇哦好神奇，竟然可以了~~ 赶快试试吧