flex-frow 伸展
解决问题：当所要求的范围超出后,如何分配空间？
在分配的内容大于需要的空间后，要对剩余的空间进行分配
可以设置1,以及其他数字，不能是负数
1、如果每一个子集设置的是相同的数字，则是平均分配
2、不同的数值，则按照数值的大小分配剩余的空间
flex-shrink 收缩
解决问题：当范围不够怎么办？
指咋爱不够的情况下，如何分配目前的空间
例如：ul分配了500px，第一个li分配了200px，第二个300px，第三个500px，
这个时候就会面临分配的问题
方案1：不进行任何设置，就会进行等比咧的分配，上诉的应该按照100px，150px，250px
方案2：如果某一个li设置为flex-shrink=0，那么这一个li将不被压缩，剩余的li将按照比列压缩
方案3：如果所有的li都设置为flex-shrink=0，那么将会全部按照设置的显示并溢出
flex-basis 基准
解决问题：ul里的多个li，里面的内容长度不同，但要li的长度一样
在进行这个说明前，要明白一个公式
伸缩项目分配空间 = 伸缩空间的空间-basic设置的空间-其他子元素的width（若无则为其他内容占的空间）
他有两个需要说明的变量auto，0
auto：这是一个默认的属性变量，就会按照上诉的进行计算，分配具体是空间，如下图所示：
0：他的意思是 去掉内部内部的文字占据的空间，进行分配空间，如下图所示：
