网格布局 网格布局（Grid）是将网页划分成一个个网格单元，可任意组合不同的网格，轻松实现各种布局效果，也是目前CSS中最强大布局方案，比Flex更强大。需要学习Flex弹性布局的看这里。 基本概念

Grid布局即网格布局，是一个二维的布局方式，由纵横相交的两组网格线形成的框架性布局结构，能够同时处理行与列。擅长将一个页面划分为几个主要区域，以及定义这些区域的大小、位置、层次等关系