学习flex布局前请一定按照阮一峰老师的教程手工敲一遍,100%理解,光看是一知半解。【一】.基础知识flex布局,只要把元素设置为display:flex,此元素即可称为flex容器,元素的所有子元素都自动成为容器的成员,简称flex-itemflex容器本身有两根轴,水平的主轴,垂直的交叉轴。因此延伸出4个位置,main start , main end , cross start , cross endflex容器成员,单个成员占据的主轴空间叫main size,单个成员占据的交叉轴空间叫