一：flex
Flex 是 Flexible Box 的缩写，意为"弹性布局"，用来为盒状模型提供最大的灵活性。
www.ruanyifeng.com/blog/2015/0…
注意，设为 Flex 布局以后，子元素的float、clear和vertical-align属性将失效。
| 以下6个属性设置在容器上 | 以下6个属性设置在项目上 |
| justify-contentalign-itemsalign-contentflex-directionflex-wrapflex-flow（flex-direction属性和flex-wrap属性的简写形式，默认值为row nowrap） | orderalign-selfflex-growflex-shrinkflex-basisflex（flex-grow, flex-shrink 和 flex-basis的简写，默认值为0 1 auto， 后两个属性可选） |
**一般最好写上flex-shrink:0;因为低版本手机有兼容问题
二：grid
www.ruanyifeng.com/blog/2019/0…
网格布局（Grid）是最强大的 CSS 布局方案。但兼容性差
