一、请谈谈你对flex布局的认识
1.是什么？
flex布局是c3的一个布局模型。它包含父元素和子元素两套属性。
是目前移动端的主流布局模型。
2.为什么
flex布局是为多个屏幕而设计的。它在应对多屏幕布局方便更加灵活，所有的子元素都是参照主测轴布局。
3.怎么办？
flex布局属是一维布局(单向)，适合做局部组件，不适合做页面框架。
display：flex ：创建弹性盒模型
flex-direction ：设置主轴方向
flex-wrap 设置换行
justify-content：设置子元素沿主轴的排列方式
align-conten:设置子元素沿测轴的排列方式。
align-itmes 设置子元素沿行内测轴的排列方式
flex-flow：是flex-direction和flex-wrap的简写形式。
gap 设置子元素之间的间距;
子元素属性
1.order 设置子元素的排序
2.flex-grow：设置指定子元素的增量
3.flexshrink:设置指定子元素的收缩量
4.align-self：覆盖align-items的值。
5.flex-basis：设置指定子元素的宽或高
6.flex 是grow | shink | basis的复合属性
felx布局是c3中一种布局模型，它包含父元素子元素和两套属性
flex布局是为多屏幕设计的，应对多屏幕比较灵活方便，所有的子元素参照注测轴布局
flex布局是一维的，它适合做局部组件，不适合做页面框架
