Flex布局简介

1.是一种浏览器提倡的布局模型

2.布局网页更简单 灵活

3.避免浮动脱标的问题

4.设置方式：父元素添加display:flex ,子元素可以自动的挤压或拉伸

5.组成部分：弹性容器 弹性盒子 主轴 侧轴/交叉轴

6.主轴对齐方式：justify-content

7.侧轴对齐方式：align-items 调节元素在侧轴的对齐方式

                            align-self可以控制子集在侧轴的对齐方式