Superfish CSS：垂直而不是水平制作子菜单下拉菜单

Question

我有一个超级鱼菜单here，我希望子菜单垂直下拉。我可以通过设置来实现这一点

.sf-menu.sf-style-white.sf-navbar li ul {
  width: 150px;
  left: 100px;
}

但是，这不是一个灵活的解决方案，因为它仅在我只有 1 个具有子菜单的父项时才有效，并且我必须根据链接在菜单中的位置手动调整它。我正在寻找一种方法来自动在其父项下方下拉子菜单。

Answer 1

将以下属性添加到您的规则中。这将对您有所帮助。

.sf-menu.sf-style-white.sf-navbar li {
    position:relative;
}

.sf-menu.sf-style-white.sf-navbar li ul {
    left: 0;
}