flex-basis与width优先级高低
首先,flex-basis并不是直接设置宽度,而是设置项目占据主轴的大小,如果主轴是纵轴,则实际上设置的是height。
结论:flex-basis优先级更高
min-width > max-width > flex-basis > width
如果一个div的宽度为300px,其中有三个弹性盒子,如果设置flex-basis为60px,则三个盒子的宽度都为60px;如果设置flex-basis为120px,则三个盒子总宽度为360px > 300px, 所以会将三个盒子的宽度改为100px显示。