flex:1代表什么？

    flex : 1 其实是代表3个属性的简写：flex-grow、flex-shirnk、flex-basis，这3个属性是可以单独进行设置的

    当一个元素设置 “flex:1” 时，它表示这个元素的 “flex-grow”（扩展比例）为 1、“flex-shrink”（收缩比例）为 1、“flex-basis”（初始大小）为 0%。

    在有多个子元素都设置了 “flex:1” 的情况下，如果父元素有剩余空间，这些子元素会按照相同的比例去扩展以占据父元素的剩余空间，看起来像是平分父元素空间。然而，如果父元素的空间不足，子元素会根据 “flex-shrink” 的值进行收缩，此时就不是严格意义上的平分空间了。