CSS：子菜单的子菜单绝对定位

此页面上的菜单：

CSS:

将鼠标悬停在我的帐户上，然后查看订单。我希望

查看顺序

子列表位于右侧（绝对在

查看顺序

旁边）。如果您查看CSS（见上文），您会注意到我没有指定

minwidth

或

width

属性，而不是

auto

或

100%

，这是不会改变的

---

我正在寻找一种方法，将第二个子列表移到其父列表的右侧。

现在只需在样式表中添加此css即可

.sub-menu li {
    position: relative;
}

.sub-menu li ul.sub-menu {
    left: auto;
    position: absolute;
    right: -109px;
    top: 10px;
}

结果是

---

现在只需在样式表中添加此css即可

.sub-menu li {
    position: relative;
}

.sub-menu li ul.sub-menu {
    left: auto;
    position: absolute;
    right: -109px;
    top: 10px;
}

结果是

---

这似乎已从视图中消失……这似乎已从视图中消失……忘记已删除的评论，我的CSS已崩溃。谢谢。嘿，你能再看一下吗？如何使其支持多个子孩子？（

查看顺序

有效，但是

更改密码

现在是错误的，因为有两个子菜单`）；比如有没有办法让子菜单自动移动（只使用CSS）？@BrianGraham现在定义。子菜单li ul。子菜单{宽度：100%；}忘记删除的评论，我的CSS已经崩溃了。谢谢。嘿，你能再看一下吗？如何使其支持多个子孩子？（

查看顺序

有效，但是

更改密码

现在是错误的，因为有两个子菜单`）；比如，有没有一种方法可以使子菜单自动移动（仅使用CSS）？@BrianGraham现在定义.sub-menu li ul.sub-menu{width:100%；}