什么是Flex
1：屏幕和浏览器窗口大小发生改变也可以灵活调整布局；
2：可以指定伸缩项目沿着主轴或侧轴按比例分配额外空间（伸缩容器额外空间），从而调整伸缩项目的大小；
3：可以指定伸缩项目沿着主轴或侧轴将伸缩容器额外空间，分配到伸缩项目之前、之后或之间；
4：可以指定如何将垂直于元素布局轴的额外空间分布到该元素的周围；
5：可以控制元素在页面上的布局方向；
6：可以按照不同于文档对象模型（DOM）所指定排序方式对屏幕上的元素重新排序。也就是说可以在浏览器渲染中不按照文档流先后顺序重排伸缩项目顺序。
