Grid container

通过设置 CSS 属性 display:grid; 或 display:inline-grid; 可以将一个元素定义为网格容器(grid container)，并且它的所有直接子元素都会成为网格项。

网格容器会创建一个网格化环境(grid firmatting context) 。它的直接子元素通过定义 grid-template-columns 和 grid-template-rows 属性可以将自己变为显式网格，当某个元素不在显示网格内时，它就会变为隐式网格。