子菜單超過了頁面的可用高度，可能的解決方案？

我創建了一個簡單的垂直導航欄，僅使用HTML和CSS並添加了子菜單。現在的問題是，較低的導航菜單的子菜單有很多鏈接，導致子菜單超過頁面的高度。截圖說明了更好 -子菜單超過了頁面的可用高度，可能的解決方案？

enter image description here

正如你所看到的，子菜單超過了網頁的高度和頁腳（帶標誌©暗灰色條）結束了漂浮在半空中。最大的問題是"outerwear"有更長的子菜單，我最終滾動查看隱藏鏈接的其餘部分。

是否有解決方案使用只有 HTML和CSS？是否可以將子菜單的底部邊距（不是技術意義上的）與主菜單的底部邊距對齊？

我不認爲你正在處理一個明細菜單大是不是用戶友好的，在所有的有較大問題。看看使用大型下拉菜單或將子菜單拆分爲着陸頁上的subnavs – ckaufman 2012-04-11 19:33:14

我們應該怎樣做才能看到頁面或任何代碼？ – Sparky 2012-04-11 19:34:10

@ckaufman - 是的，我知道。但這是客戶的願望。我告訴過他，甚至爲他提供了一個更好的解決方案：在水平導航上添加一個選項卡（位於頂部），並且像您說的那樣添加一個大型下拉菜單。他不感興趣，並堅持要有一個垂直的。 – DriftingSteps 2012-04-11 19:41:48

子菜單列表中的項目有所不同，所以我認爲它不可能達到沒有定義單獨的類，所以你必須定義單獨的類底部菜單和設置上-margin根據，

這裏我做什麼，Fiddle

2012-04-11 20:43:58

回答