这里设置col{flex-basis:0;flex-grow:1;}是干嘛用的？

同学你好，问题解答如下：

1.flex-grow 定义剩余空间的分成。例如不设置此样式时，默认为0，剩余的空间不会分成。

当设置此样式属性值为1时，子项目就会放大，均分剩余空间：

2.flex-basis: 定义了项目占据的主轴空间。默认值为auto，即项目的本来大小。如下为默认情况：

当设置了flex-basis: 0 ，此时子项目就会排列在一行显示，宽度就是由内容撑开的。

如果我的回答帮助到了你，欢迎采纳，祝学习愉快~