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

立即获取 →

#grid-auto-columns

定义了隐式创建的网格列的大小：这意味着grid-auto-columns的目标是没有使用grid-template-columns或grid-template-areas定义的列。

默认 grid-auto-columns: auto;

隐式创建的列具有auto大小。

grid-auto-columns: 100px;

这里我们将grid-template-areas: "header header header" "sidebar main main"与grid-template-columns: 50px 200px结合在一起。

在这种情况下，grid-template-areas定义了3 列，而grid-template-columns只定义了2列宽度。

因此，第三列的宽度从grid-auto-columns属性获取其值：100px。