网格布局（Grid）是最强大的 CSS 布局方案。 它将网页划分成一个个网格，可以任意组合不同的网格，做出各种各样的布局。以前，只能通过复杂的 CSS 框架达到的效果，现在浏览器内置了。

概念 CSS网格是一个用于web二维布局系统。利用系统，你可以把内容按照行与列的格式进行排版。另外，网格还能非常轻松地实现一些复杂的布局 利用网格布局可以轻松地进行单元格合并、格子与格子之间的间距 g

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