小编tar*_*ure的帖子

是否可以创建一个grid-template-area定义某些区域（如页眉和页脚）的，同时允许在它们之间创建未知数量的行？

我将拥有用户生成的内容，所以我不知道要划分多少行。我想确保第一个和最后一个是页眉和页脚。

幻想示例：

#grid {
    display: grid;
}

.big {
    grid-template-columns: repeat(3 1fr);
    grid-template-rows: auto;
    grid-template-areas:
    "header header header"
    "misc misc misc"
    [* * *] <---- unknown rows
    "footer footer footer";
}

.small {
    grid-template-columns: 1fr;
    grid-template-rows: auto;
    grid-template-areas:
    "header"
    "misc"
    [*] <---- unknown rows
    "footer";
}