如何设置grid-template-rows使main容器在Grid布局中独立滚动？

我正在把页面从严格控制的固定定位布局转为使用Grid的grid-template布局，目前容器的位置已经能正确放置，但不知道该怎么合理设置grid-template-rows属性。之前参考过一篇关于Grid属性在容器内元素不生效的文章，但我的问题并不涉及孙元素。

我准备了两个示例：

反面示例：整个页面会出现滚动。我尝试过

grid-template-rows: min-content min-content 90%;

等多种写法，都无法让main容器单独滚动并自适应（前两行用min-content是没问题的）。main的CSS代码如下：

main {
    overflow: auto;
}

正面示例：main容器能随窗口大小正确滚动和自适应，但使用了fixed定位，我认为这抵消了Grid布局的优势。main的CSS代码如下：

main {
    overflow: auto;
    position: fixed;
    top: 72px;
    bottom: 0px;
    left: 200px;
    right: 0px;
    margin-left: 10px;
}

我的问题 #

• 如何定义grid-template-rows属性，同时让位于第3行第2列的main容器实现独立滚动？
• 是否有我未关注到的grid-template通用学习资源？我看过Stack Overflow推荐的文章，但未找到适配我这个问题的内容。

内容的提问来源于stack exchange，提问作者VieleFragen