本文从今日看到的flex文章开始，链接如下
    flex:1和flex:auto详解
    这篇文章着重笔墨于flex-basis: auto属性，这个属性之前确实研究的不清楚，因此贴出几篇文章。
    Oh My God，CSS flex-basis原来有这么多细节
    事实上flex-basis: auto和width: auto本质上并无区别，它的属性反应现在被抽象成了属性min-width, max-width, box-sizing这些属性表现。
    关于width: auto属性：
    深入理解CSS的width:auto
    The difference between width:auto and width:100%

    1. .example1 {
    2.     width: fill-available;
    3. }
    4. .example2 {
    5.     width: max-content;
    6. }
    7. .example3 {
    8.     width: min-content;
    9. }
    10. .example4 {
    11.     width: fit-content;
    12. }

    而第一篇文章，介绍了计算每个盒子的空间大小的算法，很有意义。

    1. 搞清楚flex:1 和 flex:auto 的区别。首先，两者都为缩写，前者为flex: 1 0 0，后者为flex: 1 0 auto，如果在直接的比例设置情况下，应该用flex: int，标识占位。

    2. flex扩展空间计算，设置flex-basis在扩展空间计算时会优先扣除对应空间，然后再按照比例设置控制空间占位比例。详情见文章1。