Css 不同位置的下拉可见性

我有一个下拉列表，但是出现了一个问题，我无法理解依赖关系。由于大量的

z-index

，菜单打开时不可见，但如果我将

absolute

定位添加到菜单中，菜单将可见。然而，据我所知，

z-index

应该与

相对定位一起工作。你能解释一下为什么使用
绝对定位时我会看到菜单，而使用
相对定位时我看不到菜单。
当你使用位置：相对定位时，下拉列表的可见性也取决于它的父容器z索引。
例如：

<header style="z-index:0;position:relative"> 
  <nav style="z-index:2;position:relative"> </nav>
</header>
<main style="z-index:1;position:relative">
</main>



导航下拉列表将被容器覆盖，因为“标题z索引”<“主z索引”

应用位置：绝对时，绝对元素脱离正常文档流，不依赖于其父z索引。
使用位置：相对时，下拉列表的可见性也依赖于其父容器z索引。
例如：

<header style="z-index:0;position:relative"> 
  <nav style="z-index:2;position:relative"> </nav>
</header>
<main style="z-index:1;position:relative">
</main>



导航下拉列表将被容器覆盖，因为“标题z索引”<“主z索引”

应用position:absolute时，absolute元素超出了正常的文档流，不依赖于其父z索引。
我会添加要查看的代码，但目前我无法确定原因，我不知道添加哪种代码Hello和welcome等等。请花些时间去和/或参观。重要的一点是，为了让你在这里得到帮助，你需要提出一个建议。根据您当前的问题信息，没有人可能会帮助您。嗨！欢迎来到stackoverflow。如果您无法找出所有html/css/javascript代码出现问题的原因，那么您认为如果没有这些代码，我们将如何解决问题？您需要将问题缩小到特定的html元素/css规则等，然后在此处添加。ThanksI会添加要查看的代码，但目前我无法确定原因，我不知道添加哪一个代码Hello和welcome等等。请花些时间去和/或参观。重要的一点是，为了让你在这里得到帮助，你需要提出一个建议。根据您当前的问题信息，没有人可能会帮助您。嗨！欢迎来到stackoverflow。如果您无法找出所有html/css/javascript代码出现问题的原因，那么您认为如果没有这些代码，我们将如何解决问题？您需要将问题缩小到特定的html元素/css规则等，然后在此处添加。谢谢，但如果我在子体中指定索引，它将覆盖父元素。在块内的元素上设置z-index，并使用position:relative将仅更改其相对于同一块内其他元素的层。但是如果我在子体中指定索引，它会覆盖父元素。在具有“位置：相对”的块内的元素上设置z索引只会相对于同一块内的其他元素更改其图层。