分析css,flex布局

1,管理系统的flex布局,ant-layout 控制大布局,连写has-sider改变direction-row

 

 

 2,原图,flex:auto,帮助扩展剩下的,display;flex帮助下面的用flex:auto扩展,所以display和block差不多,但有flex:auto帮助他吃完,说到底两个盒子就是帮他扩展右边和下边,边界是浏览器的100%

延伸:container套一个整个container一般用100%,弹性布局的作用,是有一个固定的情况下,另外一个弹大弹小

居中: align-items: center;  justify-content: center;