調整菜單文件夾邊距

我有一個文件夾，當您將鼠標懸停在文件夾上時，它會下降，但我已將20px頁邊距放置在下拉列表中，因此不會在主導航欄上向上推。我喜歡這個間距，但是當你移動鼠標去選擇一個子項時，菜單消失。調整菜單文件夾邊距

您將如何調整下拉邊距，使其保持原樣，以便用戶可以選擇其中的項目？

> ul { 
     display: none; 
     } 


     &:hover > ul { 
     display: block; 
     position:absolute; 
     text-align: left; 
     z-index:1000; 
     background-color:@nav-folder-bg-color; 
     width:150px; 
     padding: 10px; 
     list-style: none; 
     border-radius:@nav-border-radius; 
     margin-top:20px; 

     > li a { 
      color:black; 
      font-size: .8em; 
      text-decoration: none; 
     } 

     }

編輯：這是我的工作菜單 - http://menudemo.squarespace.com/home

來源

2014-04-07 user3370902

把保證金在子菜單中的第一李：

&:hover > ul li:first-child { 
    margin-top:20px; 
}

來源

2014-04-07 16:53:31

我試過添加它，它沒有添加我想要的間距..任何其他建議？ – user3370902

需要添加

height:50px;

to .main-navigation ul li

來源

2014-04-07 19:14:06 user3370902

調整菜單文件夾邊距

回答

相關問題