Css 考虑到网格布局中第一行的高度，我可以拥有完整高度的第二行吗？

我有两排全宽的。第一个有顶部和底部的填充物，所以它有一个高度。另一个必须是全高减去第一个的高度

我使用了CSS网格布局（即使我只有一列，出于个人原因，我也不想使用flexbox布局）：

---

我想将

1fr

替换为允许我的第二行，名为

section_1

，在不使用

calc（100vh-

的情况下，为全高减去

菜单的高度。可能吗？我尝试过
1fr
，但它当然不能用于此目的。
在澄清之前完成评论：

fr
表示分数，因此您需要设置两个元素的分数比率，js将在这里帮助您。。。但是，如果不设置任何行模板，它也可以不设置。你能用一段代码来说明你的问题吗。如果您在
.main
上设置了
高度
，它也会执行此操作

你在找这个吗：
正文{
保证金：0；
}
主要{
高度：100vh；/*您的代码中缺少*/
显示：网格；
网格模板行：自动1fr；
网格模板列：100%；
网格模板区域：“菜单”“节_1”；
}
导航{
网格区域：菜单；
}
部分{
背景：蜜蜂；
网格区域：截面图1；
}

导航
一节
fr表示分数，因此您需要设置两个元素的分数比率，js将在这里帮助您。。。但是，如果不设置任何行模板，它也可以不设置。你能用一段代码来说明你的问题吗。如果您在.main上设置了一个高度，它也会做得很好，我的错误是：我忘记了
（min-）高度：100vh
：）ty！关于你的回答，还有一个问题：事实上，我不止有一个部分。他们中的一些人不会被精确的100vh提升；它们的高度将由其内容决定。因此，我无法确定网格的高度（换句话说，我不会使用
（min-）height:100vh
）。在这种情况下，我必须在
网格模板行中使用
calc
，正如我在问题中简要提到的那样？@JarsOfJam调度器这是否更像您的麻烦：我会尽快查看：）
.main {
    display: grid;
    grid-template-rows: auto 1fr;
    grid-template-columns: 100%;
    grid-template-areas:
        'menu'
        'section_1';
}

.menu {
    grid-area: menu;
}

.section_1 {
    grid-area: section_1;
}