二级菜单下拉菜单 Google Chrome答案

【问题标题】：Second level menu dropdown Google Chrome二级菜单下拉菜单 Google Chrome
【发布时间】：2012-05-31 08:37:43
【问题描述】：

我正在开发一个使用 CSS 和 jQuery 完成下拉菜单的网站。

当我点击打开它，并且菜单比页面底部大时，滚动条会自动增加。但是当我打开带有悬停效果的子菜单时，滚动条不增加，内容被隐藏。

这种情况只发生在谷歌浏览器上，IE和Firefox正常显示。

为了可视化问题，打开 www.rspneus.com.br 点击标有“MARCA”的菜单，然后将鼠标悬停在“KUMHO”项上。

感谢问候

【问题讨论】：

【解决方案1】：

你可以使用：

position:relative;

我已经测试过了，它也可以在 chrome 上运行；)

【讨论】：

【解决方案2】：

您需要在灰色下拉列表中添加一个类（例如，当您将鼠标悬停在 KUMHO 上时出现的那个），然后添加以下样式：

.yourNewClass {
 overflow: auto;
 max-height: 200px; /*you can alter this*/
}

这样当下拉框的高度超过 200px 时，下拉框内会出现一个滚动条，以便用户可以在其中上下滚动。

【讨论】：