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

huangapple go评论74阅读模式
英文:

why the menu is not show all content

问题

这是项目链接:GitHub。当我点击右上角的按钮时,会显示一个菜单,但菜单被遮挡了。
我尝试移除了Profile组件,但仍然无效。然后,我尝试为菜单设置z-index,但仍然无效。我正在学习CSS,如果您能解释原因,将非常有帮助。谢谢~

英文:

here s the project
github
when I click the button on the top-right corner, it will show a menu. but the menu is covered.
为什么菜单没有显示所有内容?

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

I try to remove the Profile component.. but still not work.
then, I try to set z-index for the menu. still not work
I'm study css rigth now. if you can explain the reason, that's very helpful. thank you~

答案1

得分: 0

你应该将主区域的 z-index 设置为 0,并且将菜单的位置设置为 fixed。绝对定位的元素是相对于包含块定位的,这个包含块是最近的已定位祖先元素。如果没有已定位的祖先元素,那么视口将成为包含块。具有固定定位的元素是相对于视口固定定位的 — 视口始终是它们的包含块。

英文:

You should set the z-index of main section to 0. And should make the position of menu to fixed.
Absolutely positioned elements are positioned with respect to a containing block, which is the nearest postioned ancestor. If there is no positioned ancestor, the viewport will be the containing block. Elements with fixed positioning are fixed with respect to the viewport—the viewport is always their containing block.
为什么菜单没有显示所有内容?

huangapple
  • 本文由 发表于 2023年5月17日 10:26:37
  • 转载请务必保留本文链接:https://go.coder-hub.com/76268188.html
匿名

发表评论

匿名网友

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen:

确定