如何讓懸停時的下拉菜單不影響邊框底部而不縮進？

Question

http://pvpers.net/new/是我的基礎風格測試網站。

我想讓下拉菜單（例如：將鼠標懸停在「遊戲」上方）顯示在以下邊框底部，我具有導航功能並且不移動當前邊框底部。此外，我不希望懸停在列表導航中影響遊戲li的自動寬度。

而且我知道縮進是由於列表位於其他UL中。我可以擺脫這一點，而不會弄亂邊距，襯墊等嗎？

你可以看到我在測試網站上做了什麼。

謝謝！

Answer 1

您必須爲二級菜單使用絕對位置。

嘗試添加這些。

nav ul#navul li { 
    transition: all .15s ease-in-out; 
    display: inline; 
    float: left; 
    border-bottom: 2px solid #8d0000; 
    position: relative; 
} 
.secondlvl { 
    position: absolute; 
    top: 38px; 
    left: -40px; 
    width: 145px; 
}