Flex布局的容器是一个伸缩容器，首先容器本身会更具容器中的元素动态设置自身大小；然后当Flex容器被应用一个大小时（width和height），将会自动调整容器中的元素适应新大小。Flex容器也可以设置伸缩比例和固定宽度，还可以设置容器中元素的排列方向（横向和纵向）和是否支持元素的自动换行。有了这个神器，做页面布局的可以方便很多了。注意，设为Flex布局以后，子元素的float、clear和vertical-align属性将失效。
一：容器样式说明
给容器设置一个样式,开启容器的flex布局，此时container容器中的元素都会遵循伸缩容器的标准进行显示，不用设置更多了：
.container{
display:flex;
display:-webkit-flex;
}
排列方向和换行：
flex-direction:column;
[
本帖最后由 xiexie 于 2020-9-10 11:54 编辑 ]
