flex布局的原理给父盒子添加flex属性，来控制盒子的位置和排列方式（当我们给父元素设置为flex布局以后，子元素的float、clear和vertical-align属性将失效）flex:布局又叫伸缩布局，弹性布局，伸缩盒布局，flex布局flex常见的父项常见属性flex-direction：设置主轴的方向justify-content：设置主轴上的子元素排列方式flex-wrap：设置子元