说到布局很多人的感觉应该都是恐惧，为此很多人都背过一些很经典的布局方案，例如：圣杯布局、双飞翼布局等非常耳熟的名词； 为了实现这些布局我们有很多种实现方案，例如：table布局、float布局、定位布

Flex布局已经很常见。但是Flex布局里面的属性之多，细节之多，时间就了就容易记不清。今天重新把Flex整理了下。复习一下，也方便后面开发查看。文章最后面，说了下怎么记住这几个属性

CSS Gird布局也叫二维网格布局系统，可用于布局页面主要的区域布局或小型组件。网格是一组相交的水平线和垂直线，它定义了网格的列和行。我们可以指定将网格元素放置在与这些行和列相关的位置上。