Позиция DIV не должна превышать нижнюю часть страницы

Question

У меня проблема с элементом div на странице. Моя проблема в том, что у меня есть панель навигации с иерархическим 3-уровневым меню. Когда я открываю некоторые из меню третьего уровня, элемент, содержащий элементы, становится ниже высоты страницы. Я хотел бы сохранить этот элемент в области страницы, возможно, переместив верхнюю позицию, чтобы пользователь мог использовать его без прокрутки (что также проблематично).

Вы можете увидеть пример здесь: http://www.frankydev.com/mitoweb/

Большое спасибо.

Answer 1

Я вижу, что это даже происходит на больших экранах. Ограничьте высоту 3-го меню div с помощью max-height, скажем 300px, а затем добавьте overflow-y:scroll;. Это добавит верхнюю полосу прокрутки в элемент 3-го меню, и она выглядит относительно красивой. Или измените размер шрифта и расстояние, чтобы увеличить пространство.