HTML/CSS 导航不向下推 : After responsive display not displaying full height and scroll

Question

我有一个导航栏，它在响应模式下显示后不会滚动。我将为您提供我网站的链接:WebSite Link with navigation bar example

只需将窗口大小调整到最大 500 像素，然后单击导航以打开菜单。

点击子菜单，您会看到它不会显示所有导航内容，还会显示在网站内容之上。我想让它显示所有高度并向下推内容。

Answer 1

好吧，子菜单太长无法显示，所以创建主题/模板的人将这些下拉容器设置为 200 像素高并允许在其中滚动(您可以在其中向下滚动)。这是写在以下 CSS 规则中的:

.menu > ul > li > ul {
    position: relative;
    overflow: scroll;
    height: 200px !important;
}

你可以去掉最后一部分，它会显示填充长度。但是，这将超出屏幕底部并且不会滚动，因此在给定情况下你会过得更好。您还可以更改 height: 200px !important; 中的像素值 - 这会使子菜单更高一点，但这并没有使它变得更好。

我会保持原样，并可能添加一个图标，使下拉菜单的内容可以滚动更加明显。