如何使多个切换为多行导航工作

How to make multi toggle work for multiple lines of nav?

本文关键字：导航工作何使多更新时间：2023-09-26

使用此导航：http://responsivenavigation.net/examples/multi-toggle/

正如你所看到的，子菜单下降到div底部的边缘。问题在于当页面被重新调整到较小的宽度（平板电脑大小）和菜单堆叠时，如何处理。无论你将鼠标悬停在哪个链接上，结果都是它将子菜单放在div下面。导致顶部导航不可用。你会如何修复下拉菜单，使其能够处理两条线；顶部和底部？

之所以会发生这种情况，是因为当.active类状态被附加到具有.menu类的元素上时，会在该元素上设置max-height（html文件的第159行）。

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

因此，nav的增长不会超过指定的max-height值。若要解决此问题，请在激活时将该值更改为100%。