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-width或width以外的auto或100%属性，但这并不是变化

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

Answer 1

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

即可

.sub-menu li {
    position: relative;
}

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

结果是