使用广泛，功能相对比较强大,能实现几乎所有的布局方式，手机端也可以
针对于一个方向上的布局，水平或垂直。不能同时做到水平和垂直
grid布局能同时水平和垂直上的布局
grid布局>flex布局>float布局
flex常用的：
要有一个爸爸和儿子
给爸爸一个属性，display：flex
就可以在儿子身上做一些布局了
align-items:flex-end下方对齐
align-items:flex-start顶部对齐
align-items:center居中对齐
align-items:stretch强制一般高
justify-content：center水平方向居中
justify-content：flex-end靠右对齐
