flex布局理解

以宽度为例

如果一个元素（以div为例）的宽度没有设定，会由子元素决定

如果子元素们的宽度之和超过了父元素宽度，根据自身之前设定的宽度按比例在父元素宽度中分配（相应变窄）

按如果子元素中有设置了min-width的（或图片，或white-space: nowrap等），先满足它们

如果变窄的元素的子元素中有设置了min-width的，元素可能会被撑宽，但是最大值不大于这个元素变窄前设定的宽度。