新！我的 44 頁電子書「44 分鐘學會 CSS」已經出版囉！😃

立即取得 →

#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。