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; 
}