Как убрать паразита, который создает невидимые большие поля?

Question

[Anyman]

Здравствуйте!
У меня проблема заключается вся в меню; при добавлении пункта в меню, низ сайта, постепенно добавляет белое поле...а объекта не видно... кто раздвигает - ссылаюсь на меню. Но, оно в будущем разрастется до неимоверных размеров и поля будут внизу все больше и больше.
Желал бы решить вопрос, сам кумекал...и ничего не на-кумекал. Даже придал скролл в меню, чтобы не свисала как "сопля", а можно было прокручивать и не затрудняться найти нужный пункт. Но, видимость уменьшения области выпадающего меню ни к чему не пришло (max-height оказался бесполезным в решении данного вопроса, а только показал видимость...).
https://kaptoteka.ru/slovar/ на данной страничке отчетливо показывает проблему.
При добавлении страницы, с на-меньшим контентом, ярко обличает суть моего обращения к Вам!

Добры молодцы, помогите пожалуйста решить проблему!

Comments

[Tark]

Как вариант - добавьте в .menu свойство overflow: auto; и задайте высоту...

[Tark]

Хотя незачем высоту задавать, стоит обойтись ещё одним дивом внутри.

[Anyman]

Tark: и див создал, вне и внутри. так-же и с css, не выходит за границы отображаемого меню всплывающие под-блоки меню. пожалуйста, можно в подробностях объяснить?

[Anyman]

Tark: вот что по-вашему совету получилось, с дивом (внешним, внутренним) и css funkyimg.com/i/2a667.png

Answer 1

[Евгений Свиридов]

Дополню ответ Tark.
В блок( у вас это .main-navigation ul ul или .sub-menu) добавьте два свойства:
overflow: auto;
max-height:100%;

Comments

[Anyman]

Получилось. Надеюсь отрицательного эффекта ни на что не повлияет. Огромное спасибо!