CSS Grid布局：网格区域

在上一节中，了解了CSS Grid布局中的列和间距，但没有提到网格区域。到目前为止，网格项目都是安置在独立的单元格内，但我们应该打破这样的局限，让网格项目可以超出单元格的界面，实现更多有用的布局。那这一节我们来看怎么实现。 定义网格区域 这里有一个我们一直努力想实现的网格：九个网格项目分成了三个等列和等行的网格之中，列与列以及行与行之间有一个20px的间距。 　　 目前，只给网格项目设置了一些颜色

>>阅读原文<<