flex为-1时

各种教程上关于 flex 的讲解很多了，本文不放 api。只提一点：

flex 属性是 flex-grow, flex-shrink 和 flex-basis 的简写，默认值为0 1 auto。后两个属性可选。

复合属性。设置或检索弹性盒模型对象的子元素如何分配空间。

• 如果缩写「flex: 1」, 则其计算值为「1 1 0%」
• 如果缩写「flex: auto」, 则其计算值为「1 1 auto」
• 如果「flex: none」, 则其计算值为「0 0 auto」
• 如果「flex: 0 auto」或者「flex: initial」, 则其计算值为「0 1 auto」，即「flex」初始值

flex:-1

flex 的值为 -1 时，
如果该组件的父组件的剩余空间足够放下这个组件时，那么这个组件将按照它的宽与高来显示；
如果不足够时，这个组件将会缩小至它的 minHeight 与 minWidth 来显示。