10.flex------02.弹性元素的样式

        1、弹性元素的样式基本上就以下几种：flex-grow、flex-shrink、flex-basis以及order

        2、flex-grow用来指定弹性元素的伸展系数（类似于弹簧能弹多少）

        3、flex-shrink用来指定弹簧的压缩系数（类似于弹簧能压缩多少），弹簧的压缩系数计算比较麻烦，具体压缩多少，与弹性元素的大小及压缩系数有关

        4、flex-basis：用来指定弹性元素在主轴上的基本长度（类似于弹簧的最初长度）；如果主轴是横向的，则该值指定的是元素的宽度，如果主轴为纵向的，则该值指定的是元素的高度；默认值为auto（参考元素本身的高度和宽度）；如果传入了实际值，则以该值为准。

        5、前面三个可以通过flex来简写：顺序为----伸展系数、压缩系数、基本长度

                        可取值：initial----0 1 auto

                                       auto---1 1 auto

                                       none----0  0  auto（弹性元素没弹性）

        5.order用来指定弹性容器的顺序

注意：对于弹性盒的使用，移动端我们可以使用弹性盒来替代浮动，pc端尽可能不去使用