Html 如何让溢出在CSS网格中正常工作？

我刚刚开始学习CSS网格，并决定尝试构建FCC的技术文档页面挑战：

在我的实现中，我可以获得85%的速度，但我正在努力让溢出正确工作，以便边栏和内容都可以独立滚动。我想这可能是某个地方的保证金问题，但无法确定在哪里

当我申请时：

  overflow: auto;

对于我的内容，它将我的HTML内容的一半删除

我哪里做错了

---

对于侧边栏，添加一个

位置：固定这就是基本上使边栏和内容“分离”的原因

对于内容，添加一个
左边距：200px该数字可以是您想要的任何数字。你需要这样做，否则边栏和你的内容会重叠（因为边栏有一个固定的位置）

移除
高度：100vh来自内容。它使它占据整个屏幕，并打破溢出

我为您修复了代码笔：
我可能有点误解，但您的问题是主体元素有一个滚动条吗？请参见：@Braedon