第三十一节-弹性盒模型

弹性盒模型主要用于手机端

弹性盒模型讲述父级与子级之间的关系：

外层ul:display:flex（弹性盒子) 块级         inline-flex:行内块

内层(项目)：li 

                   项目几种属性 flex-grow: 0 不分配                 flex-grow发生在外层盒子宽度过宽留有空白。

                                                          1 平均分配

                                                          2/3/4... 分几倍 （倍不是相对于自身，相对于分配的宽度)

                                        flex-shrink:0 不缩小

                                                         1：平均缩

                                                         2/3/4缩几倍(倍相对于缩小的宽度)

                                       flex-basis: auto(根据内容决定分配父级宽度,内容多的宽度长)

                                                         1(平均分配父级宽度)

                                                          100px(给固定宽度，相当于给width)

                                  复合写法：flex:auto (复合写法少用)

                                                    flex: 0 1 auto