子元素常用属性

• 伸缩盒子中的每一个元素称为一个项目。

水平属性：flex-grow： number;

一个数字，规定项目将相对于其他灵活的项目进行扩展的量。默认值是0;

       .item1{
           flex-grow: 1; /* 占1比例*/
           background: pink;
           }
       .item2{
           flex-grow: 5; /* 占2比例*/
           background:green;
           }
        .item3{
           flex-grow: 2;  /* 占3比例*/
           background:red;
           }

垂直属性：frex-grow：columu;