Html 我如何让我的菜单与所有内容重叠？

我正在尝试创建一个垂直导航，当我将鼠标悬停在提供子页面的页面名称上时，它会下降到右侧。当我将鼠标悬停在上面时，它会出现在它旁边，但内容会出现在它上面。我希望我的导航是最重要的。我试着使用z-index。我用32999，100010000作为我的z指数。我试着将菜单从position:absolute切换到position:relative，但这只会增加不需要的空间。我试着将我的内容设置为position:absolute，带有z索引，低于导航中的索引。以下是链接：

---

谢谢你的帮助

您的容器分区的相对位置会导致问题。将其向右浮动：

#container {
   position: relative;
   left: 26%;
   width: 72%;
}

应该是：

#container {
   float:right;
   width: 72%;
}

---

您的容器diva的相对位置会导致问题。将其向右浮动：

#container {
   position: relative;
   left: 26%;
   width: 72%;
}

应该是：

#container {
   float:right;
   width: 72%;
}

---

@你能详细说明吗？@你能详细说明吗？