如何使下拉列表垂直列出

Question

我无法找到一种方法让我的标题下拉列表按照我想要的方式定位。首先，下拉是水平的，而它应该相互叠加。其次，下拉列表没有与父链接垂直对齐，所以我希望它直接位于其父链接下，而不是它右边的几个像素。使用左：__％仅在一个上完成，同时完全跟踪另一个父级的其他下拉列表，因此它与下拉列表的父级位置无关。

这是jsfiddle：https://jsfiddle.net/u6v44hdw/

我遇到了麻烦，我想我应该在这里添加代码：

li ul {
  display: none;
  position: absolute;
  top: 15%;
  padding-left: 1px;
}

谢谢！

Answer 1

您错过了class="sub"子菜单中的<ul>。

修改

以下是他想要的完整示例：https://jsfiddle.net/u6v44hdw/2/

Edit2：我认为您不需要z-index。