flex布局实战容器属性，即设置flex-direction:row|行反转|栏目|列反转；弹性包装：nowrap|它是flex-direction属性和flex-wrap属性的简写，默认值为rownowrap。证明内容：flex-start|弹性端|中心|间隔|空间周围；对齐项目：flex-start|弹性端|中心|基线|拉伸；对齐内容：flex-start|弹性端|中心|间隔|环绕空间|拉紧;item的属性，即order属性设置在容器的下一层，定义item的顺序。值越小，排名越高，默认为0。flex-grow属性定义了item的放大比例，默认为0，即如果有剩余空间，则不放大。flex-shrink属性定义了item的缩小比例，默认为1，即如果空间不足，item会收缩。flex-basis属性定义了item在分配多余空间之前占用的主轴空间。默认值为auto，即项目的原始大小。flex属性是flex-grow、flex-shrink和flex-basis的简写，默认值为01auto。最后两个属性是可选的align-self:auto|弹性启动|弹性端|中心|基线|:center;//垂直2.容器等分。父设置显示：flex；子设置flex-grow:1;/*flex:1;*/3.底部固定先设置body,htmlheight100%html,body{height:100%;min-height:100%;}parentdisplay:flex;flex-direction:column;//定义垂直方向justify-content:space-between;//定义两边固定，只设置中间的容器，即,主体,其他默认为0flex-grow:1;//占用剩余部分4.felx左边固定,右边满。为固定元素设置此项。如果设置固定宽度，就会挤出固定宽度flex:00100px;
