新!我的 44 頁電子書「44 分鐘學會 CSS」出爐囉!😃
#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
。