SASS:"Overflow: Scroll" 可能因为 z-index 不工作 [遵循 DevTips 的教程]

SASS: "Overflow: Scroll" Not working Possibly because of z-index [Followed Tutorial from DevTips]

我一直在关注关于如何使用 CSS 制作侧边栏的 DevTips 教程。基本上长话短说。 "page-content" class 是保存实际网站的内容。我在名为 "main-content-box" 的页面内容 div 中放置了一个框,即 display:flex。我有页眉、主要内容和页脚 div。 "main-content" 具有 Lorem Ipsum Paragraphs 形式的文本作为占位符。

页面基本上没有滚动。我不知道为什么。也许是因为我的 z-index ......我不太确定如何描述发生了什么。这是我关于此事的 GitHub Repo。我还附上了 DevTips GitHub Repo 以及 guide/reference。我修改了默认文件以包含背景图像。所以它看起来不错。

我试过在 DevTips 发布的 youtube 教程视频上发帖,但没有任何回应。我把 Youtube 视频放在 Git Repo 中。

感谢任何帮助。我是新来的,所以如果我做错了什么或没有提供足够的信息,我很抱歉。 :(

J。罗宾逊

我的文档 https://github.com/JDsWebService/Whosebug_Question

DevTips 默认文档 https://github.com/DevTips/HTML-and-CSS-slide-out-navigation

问题已通过检查带有 .toggle class 的标签得到解决。它占据了整个屏幕。在标签上设置一个固定的宽度,问题就解决了。

在此处查看存储库以获取更多信息和问题解决方案。

https://github.com/JDsWebService/Whosebug_Question