DIV 位置不超过页面底部

Question

我在页面中的 div 元素位置出现问题。我的问题是我有一个带有分层 3 级菜单的导航栏。当我打开一些 3 级菜单时，包含项目的元素低于页面高度。我想将此元素保留在页面区域中，可能会移动顶部位置，以便用户可以在不滚动的情况下继续使用它（这也是有问题的）。

你可以在这里看到一个例子：http://www.frankydev.com/mitoweb/

非常感谢。

Answer 1

我看到它甚至发生在大屏幕上。 使用max-height 限制第三个菜单 div 的高度，比如 300px，然后添加overflow-y:scroll;。这将为第三个菜单元素添加一个上下滚动条，它看起来相对不错。 或者更改所有字体大小和间距以腾出更多空间。