前言 块级盒子与内联盒子 块级盒子：display为block，而且会有以下行为： 盒子会在内联的方向上扩展并且占据其包含块在该方向上的所有可用空间，在绝大数情况下意味着盒子会和其包含块一样宽 每个盒

Grid 布局即网格布局，是一种新的 CSS 布局模型，比较擅长将一个页面划分为几个主要区域，以及定义这些区域的大小、位置、层次等关系。号称是最强大的的 CSS 布局方案！！

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