新品！我的 44 页电子书“CSS 在 44 分钟内”已出版！ 😃
#grid-template
默认 grid-template: none;
未定义行、列或区域。
grid-template: 200px 1fr / 100px auto 3rem;
您可以先定义行，然后定义列，方法是用斜杠 / 将它们分隔开。
grid-template: "header header header" 50px "sidebar main main" 200px / 100px auto;
您可以同时定义区域以及行和列尺寸。在这种情况下，每组区域都附加了一个行大小。第一行的高度为 50px，第二行的高度为 200px。侧边栏列的宽度为 100px，而主体列的宽度设置为 auto 并占用剩余宽度。