新!我的 44 頁電子書「44 分鐘學會 CSS」出爐囉!😃

立即取得 →

#grid-auto-rows

定義隱含建立的格線列大小:這表示 grid-auto-rows 針對使用 grid-template-rowsgrid-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