1.弹性盒模型简介FlexibleBox（伸缩盒模型，又称：弹性盒子）是W3C在2009年提出的一种新的盒子模型。通过display:flex;可以开启伸缩盒模型，将元素设置为伸缩容器，可以轻松的对元素进行布局。2.主轴与侧轴开启display:flex;的元素内的子元素会沿着主轴排列，主轴默认水平方向，

一、伸缩容器和伸缩项目 伸缩容器:设置了display:flex的元素，就是伸缩容器。  1.给元素设置:display:flex或display:inline-flex，该元素就变为了伸缩容器。  2.display:inline-flex很少使用，因为可以给多个伸缩容器的父容器，也设置为伸缩容器。  3.一个元