flex-basis

使用flex布局时会用到flex-basis。

flex-basie有两种可能的属性：

• number 一个长度单位或者一个百分比，规定灵活项目的初始长度
• auto 默认值。长度等于灵活项目的长度。如果该项目未指定长度，则长度将根据内容决定

flex-grow和flex-shrink都是用来分配flex-basis之外的长度。

注：有一种特殊情况，两个嵌套的元素都使用了flex布局，其中外层的元素的flex-basis:auto，内层元素的flex-basis:1200px。这种情况下外层元素的长度并不是1200px，其长度取决于内层元素的width，或其内容的宽度。