Overview*如果flex属性的概念是非常属性,直接跳过本pass1。flex属性有flex-grow、flex-shrink和flex-basis的简写,默认值为01auto。最后两个属性是可选的。该属性有两个快捷键值:auto(11auto)和none(00auto)。2、flex-grow属性定义item的放大比例,默认为0,即如果还有剩余空间,则不放大。如果所有项目的flex-grow属性都为1,它们将平分剩余空间(如果有的话)。如果一个项目的flex-grow属性为2,而其他项目的flex-grow为1,则前者将占用其他项目两倍的剩余空间。3、flex-shrink属性定义item的缩小比例,默认为1,即如果空间不足,item会收缩。如果所有item的flex-shrink属性都为1,当空间不足时,它们会按比例缩小。如果一个item的flex-shrink属性为0,其他item为1,前者在空间不足时不会收缩。4.flex-basis属性定义分配多余空间前item占用的主轴空间(mainsize)。浏览器根据这个属性计算主轴是否有多余空间。它的默认值为auto,即项目的原始大小。可以设置为与width或height属性相同的值(比如350px),那么item将占据一个固定的空间。例1.通过flex-grow属性的比例计算求出左右的宽度
