CSS网格布局是一个二维的基于网格的布局系统.其目的在于完全改变我们设计基于网络的用户界面的方式。CSS一直用来布局的网页.但是他从来没有做过很好的工作.最开始我们使用表格，然后 float .position 和 inline-block。但是这些本质上是css的hack.并且遗漏了很多重要的功能(例如垂直居中)，后来flexbox出现了.但是他的目的只是为了更简单的一维布局.而不是复杂的二维布局。网格是第一个专门为解决布局问题而创建的CSS模块 在浏览器兼容性方面，可以看一下caniuse的数据。网格容器；