如何使垂直列出的下拉菜單li

我找不到讓我的標題下拉按照我想要的方式定位的方法。首先，下拉是水平的，而它應該疊加在一起。其次，下拉並不與父鏈接垂直對齊，所以我希望它直接位於其父鏈接下方，而不是右側的幾個像素。使用左側：__％只在一個工作時完全跟蹤另一個父母的另一個下拉列表，因此它與下拉列表的父母位置無關。如何使垂直列出的下拉菜單li

這裏是的jsfiddle：https://jsfiddle.net/u6v44hdw/

我有麻煩，我想我應該在這裏的某個地方添加代碼：

li ul { 
    display: none; 
    position: absolute; 
    top: 15%; 
    padding-left: 1px; 
}

謝謝！

來源

2017-08-27 Grace Sawyer

您錯過了class="sub"的<ul>子菜單。

編輯：

這裏是你想要什麼，他完整的例子：https://jsfiddle.net/u6v44hdw/2/

EDIT2：我認爲你不需要這樣的z-index。

來源

2017-08-27 21:33:36

它沒有做任何事情。 –

我將其更改爲ul li ul li {}並且它工作正常：https：//jsfiddle.net/u6v44hdw/1/ –

請參閱我的編輯。認爲這是你想要的。 –

如何使垂直列出的下拉菜單li

回答

相關問題