如何为多行导航进行多切换工作？

Question

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

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

Answer 1

这是因为max-height类附加到.menu类的元素上设置.active（html文件的第159行）。

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

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