为什么菜单没有显示所有内容

Question

这里是项目
https://github.com/NoString/zhs-profile-website.git
当我点击右上角的按钮时，它会显示一个菜单。但是菜单被覆盖了。

我尝试删除配置文件组件..但仍然不起作用。 然后，我尝试为菜单设置 z-index。还是不行 我现在正在学习CSS。如果您能解释原因，那将非常有帮助。谢谢~

Answer 1

你应该将主要部分的z-index设置为0。并且应该使菜单的位置固定。 绝对定位的元素相对于包含块定位，这是最近的定位祖先。如果没有定位的祖先，视口将是包含块。固定定位的元素相对于视口是固定的——视口始终是它们的包含块。