Html 如何修复不存在滚动的堆叠大菜单

基本上，当你缩小标签的大小，使其成为一个响应性强的网站时，我已经将超大菜单选项堆叠起来。但是，您无法滚动查看mega菜单中的其他选项。我该如何解决这个问题

例如：

您可以看到，我无法滚动查看mega菜单中的其他选项

.navBar{
字体系列：Arial；
背景色：#333；
溢出：隐藏；
}
.navBar>a{
浮动：左；
字体大小：12px；
颜色：#FFF；
文本对齐：居中；
填充：6px 12px；
文字装饰：无；
}
.menuDropDown{
浮动：左；
溢出：隐藏；
}
.menuDropDown>#菜单按钮{
字体大小：12px；
边界：无；
大纲：无；
颜色：#FFF；
填充：6px 12px；
背景色：继承；
字体：继承；
保证金：0；
}
#菜单按钮：悬停，.navBar>。菜单下拉：悬停>#菜单按钮{
背景色：#CCC；
颜色：#1B315E；
}
.menuContent{
显示：无；
位置：绝对位置；
背景色：无；
宽度：100%；
左：0；
z指数：1；
盒影：0px 8px 16px 0px rgba（0,0,0,0.2）；
}
.menuDropDown:悬停>.menuContent{
显示：块；
}
menuColumn先生{
浮动：左；
宽度：25%；
填充：10px；
背景色：#CCC；
高度：250px；
溢出y：自动；
}
#菜单列标题{
颜色：#1B315E；
}
.menuColumn>a{
浮动：无；
颜色：#1B315E；
填充：12px；
文字装饰：无；
显示：块；
文本对齐：左对齐；
字体大小：14px；
}
.menuColumn>a:悬停{
背景色：#DDD；
}
梅努罗：之后{
内容：“；
显示：表格；
明确：两者皆有；
}
@媒体屏幕和屏幕（最大宽度：600px）{
menuColumn先生{
宽度：100%；
高度：自动；
}
}

菜单
家庭工作区

您可以根据屏幕高度添加

最大高度

，并启用滚动：

.navBar{
字体系列：Arial；
背景色：#333；
溢出：隐藏；
}
.navBar>a{
浮动：左；
字体大小：12px；
颜色：#FFF；
文本对齐：居中；
填充：6px 12px；
文字装饰：无；
}
.menuDropDown{
浮动：左；
溢出：隐藏；
}
.menuDropDown>#菜单按钮{
字体大小：12px；
边界：无；
大纲：无；
颜色：#FFF；
填充：6px 12px；
背景色：继承；
字体：继承；
保证金：0；
}
#菜单按钮：悬停，.navBar>。菜单下拉：悬停>#菜单按钮{
背景色：#CCC；
颜色：#1B315E；
}
.menuContent{
显示：无；
位置：绝对位置；
背景色：无；
宽度：100%；
左：0；
z指数：1；
盒影：0px 8px 16px 0px rgba（0,0,0,0.2）；
最大高度：100vh；
溢出：自动；
}
.menuDropDown:悬停>.menuContent{
显示：块；
}
menuColumn先生{
浮动：左；
宽度：25%；
填充：10px；
背景色：#CCC；
高度：250px；
溢出y：自动；
}
#菜单列标题{
颜色：#1B315E；
}
.menuColumn>a{
浮动：无；
颜色：#1B315E；
填充：12px；
文字装饰：无；
显示：块；
文本对齐：左对齐；
字体大小：14px；
}
.menuColumn>a:悬停{
背景色：#DDD；
}
梅努罗：之后{
内容：“；
显示：表格；
明确：两者皆有；
}
@媒体屏幕和屏幕（最大宽度：600px）{
menuColumn先生{
宽度：100%；
高度：自动；
}
}

菜单
家庭工作区

它在一定程度上起作用，但会像这样隐藏菜单的最后两个选项。我该怎么修理that@user10341225稍微降低高度，例如，尝试90vh，如果不够，则降低更多