2014-10-05 146 views
1

我在页面中找到了一个div元素的问题位置。我的问题是我有一个带有分层三级菜单的导航栏。当我打开一些第三级菜单时,包含这些项目的元素会低于页面高度。我想将这个元素保留在页面区域中,也许移动最上面的位置,这样用户就可以在不滚动的情况下继续使用它(这也是有问题的)。DIV位置不超过页面底部

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

非常感谢。

+0

使用媒体查询在较小的屏幕上缩小菜单。 (较小的字体,填充) – 2014-10-05 18:07:48

回答

0

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