flexbox

flex-item 的属性观察重点： 先看每个 flex-item 的 flex-basis 是多少，如果有多出来的则会透过 flex-grow 分配；如果空间不足，则会都过 flex-shrink 分配。 预设 flex-basis 是 auto，也就是会随内容宽成长。 当我们使用 display: flex 其实使用的是 display: box flex;，也就是这个元素会以 block 的方式排版，但内部的内容会用 flex 的方式排版