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

Question

此页面上的菜单：http: //goldencraft.co/wp/

CSS： http: //goldencraft.co/wp/wp-content/themes/minecraft/style.css

将鼠标悬停在My Account上面View Order。我希望View Order子列表位于右侧（绝对在旁边View Order）。如果您查看 CSS（见上文），您会注意到我没有指定min-widthorwidth以外的属性auto，100%并且不会更改。

我只是在寻找一种将第二个子列表移动到其父级右侧的方法。

Answer 1

现在只需在样式表中添加这个 css

.sub-menu li {
    position: relative;
}

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

结果是