flex-1 的弹性项目无限拉伸

在使用flex布局时，某个弹性子项目设置为: flex: 1时； 其宽或高会被其子元素无限撑开；引起布局排列错误。

解决方法：

1. flex-basis: auto时，设置flex-shrink: 1，即flex: 1 1 auto;
2. flex-shrink: 0时，设置flex-basis: 1px，即flex: 1 0 1px;