CSS Grid Layout excels at dividing a page into major regions or defining the relationship in terms of size, position, and layer, between parts of a control built from HTML primitives.
Like tables, grid layout enables an author to align elements into columns and rows. However, many more layouts are either possible or easier with CSS grid than they were with tables. For example, a grid container‘s child elements could position themselves so they actually overlap and layer, similar to CSS positioned elements.
CSS中Grid-layput 擅长将页面划分为主要区域，或者根据大小、位置和层定义由HTML原语构建的控件的各部分之间的关系。像表一样，网格布局使笔者对齐元素在列和行。然而，更多的布局可能或容易的CSS网格比他们表。例如，一个网格容器的子元素可以自己定位，所以他们实际上重叠层，类似CSS定位元素。
CSS:Grid-Layout
原文地址：https://www.cnblogs.com/dcpnet/p/9710766.html