flex-basis和width的关系

flex-basis 优先级高于 width，当flex-basis小于width时候，width相当于最大宽度。

flex-item 不是正常的block元素，而是flex-block元素，不会自动换行

flex-basis 受到 min-width 和 max-width 的限制

flex-item 的宽度 content -> width -> flex-basis 后面的优先级更高

设置flex-item的宽度，优先使用 flex-basis

flex: 1 是指 flex-grow: 1 flex-shrink: 1 flex-baisis: 0%

注意：flex-basis: 0 与 flex-basis: 0% 不同