CSS：flex:1;是什么意思（*****五颗星）

flex:1; 就是代表均匀分配元素

利用flex：1；确实实现了三个不同的div平分空间(三个div不设置宽)。

这是完整写法, 详见, 它还有另外两种完整写法, 分别是和initial（0，1，auto）和none（0，0，auto）

• 第一个参数表示：flex-grow定义项目的放大比例，默认为0，即如果存在剩余空间，也不放大。
• 第二个参数表示:：flex-shrink定义了项目的缩小比例，默认为1，即如果空间不足，该项目将缩小。
• 第三个参数表示：flex-basis给上面两个属性分配多余空间之前，计算项目是否有多余空间，默认值为auto，即项目本身的大小。

例如：

<style>
        .container{
            display: flex;
        }
        .div{
			border: 1px so