如何爲多行導航製作多切換功能？

正如你可以看到子菜單下降到div的底部邊緣。問題在於如何在頁面重新調整爲較小的寬度（平板電腦大小）和菜單堆棧時處理這個問題。無論您將鼠標懸停在哪個鏈接上，結果都會將子菜單放在div下面。導致不可用的頂級導航。你會如何解決這個問題，以便它可以處理兩條線;頂部和底部？

2013-08-28 messif

不知道我理解你的問題，但UX似乎對我的行爲如預期。它像手風琴一樣工作，您可以通過切換父項來擴展和摺疊菜單項 - 這是我在許多響應式網站上看到的。 –

是的，但是當導航延伸到兩行時，頂部和底部li從底部div打開。除非更多項目添加到導航，否則上面的鏈接不會默認顯示。 – messif

啊我明白你的意思了，下面提供了一個答案。 –

這是因爲max-height的發生被與.menu類元素設置當.active類狀態附加到它（線路的HTML文件159）。

.menu.active, .menu > ul ul.active { 
    max-height: 55em; 
}

所以nav不得超出規定的max-height值。要解決此問題，請在活動時將值更改爲100%。

2013-08-29 14:32:09

使用該方法會產生一個位於正確位置的下拉菜單，但它會在兩個導航欄之間延伸。 – messif

回答