新增！我的 44 页电子书“CSS 在 44 分钟内”已出版！ 😃

立即获取 →

#grid-auto-rows

定义了隐式创建的网格行的尺寸：这意味着grid-auto-rows的目标是未使用grid-template-rows或grid-template-areas定义的行。

默认 grid-auto-rows: auto;

隐式创建的行具有auto尺寸。

grid-auto-rows: 100px;

这里我们将grid-template-areas: "header header header" "sidebar main main" "footer footer footer"与grid-template-rows: 50px 200px结合使用。

在这种情况下，grid-template-areas定义了3 行，而grid-template-rows仅定义了2行高。

因此，第三行高（页脚）的值取自grid-auto-rows属性：100px。