CSS問題導航下拉菜單

我的CSS在菜單的第一層工作正常。沒有問題。自從我開始嘗試添加下拉菜單/子菜單時，我遇到了各種各樣的問題。CSS問題導航下拉菜單

我可以管理的最好的辦法是讓菜單下拉到主菜單下面，就像我想要的那樣，但子菜單內聯而不是垂直列表。此外，菜單和子菜單塊似乎正在延伸，然後我希望它。我將高度設置爲導航容器內所有內容的繼承，但我仍然得到LI分隔器的這種奇怪的擴展。你可以看到我的意思，如果你rollover codepen的主菜單鏈接。我一直在關注這個問題太久，真的可以用一組新的眼睛來看待它，因爲我已經嘗試了很多不同的調整，以至於我迷失了方向。（注：我從口魚的兒子在下拉菜單中的框架。它是唯一的框架，我能得到至少這個工作至今。）

Code

來源

2012-08-02 Opaw Nako

您可以添加這個：

#navigation ul ul li { 
    display: block; 
}

它不會看起來正確的codepen，因爲背景圖像不呈現。另外，由於錨點的寬度取決於其內容，因此錨點右側的紅色邊界將不對齊。如果你想讓它排隊，你將不得不擺弄那一點。

來源

2012-08-02 05:15:01 Brandon

哇，我不能相信我忘了這一點。我真的解決了這個問題，但在這種情況下這是正確的方法。儘管現在已經使用Bootstrap完全重新設計了網站的前端。 – 2014-09-13 00:31:46

add width：50px; ＃導航李a

來源

2012-08-02 05:35:05 Sato

CSS問題導航下拉菜單

回答

相關問題