На своем веб-сайте я использую специальный (вероятно, плохо написанный) Javascript для создания разборных кодовых блоков. У меня есть много статей об этом, и в большинстве случаев он работает без проблем. Однако в определенные моменты времени внизу страницы остается огромный блок места.
Например: https://0xdf.gitlab.io/2024/05/25/htb-bizness.html
На этом изображении я показываю, где заканчивается HTML-элемент, но при этом на странице гораздо больше места.
JavaScript здесь: https://0xdf.gitlab.io/assets/js/collapsable.js
Элемент, вызывающий проблему, — это третий блок кода в этого раздела:
Если я сокращу данные в этом свернутом кодовом блоке, проблема исчезнет. Но я использовал эту же функцию во многих других блоках кода и во многих других сообщениях, не оставляя в конце дополнительного места.
Могу ли я что-то сделать, чтобы предотвратить это? Или исправить ситуацию после того, как она случилась? Я экспериментировал с добавлением команд в JS, чтобы попытаться вызвать перекомпоновку. Либо я что-то не так делаю, либо это не исправляет.
Как попытаться убрать гигантское пустое пространство внизу страницы (после конца HTML-элемента).



![Безумие обратных вызовов в javascript [JS]](https://i.imgur.com/WsjO6zJb.png)


Теперь у вас есть .code-collapse{ max-height: 500px; }, но этого недостаточно, чтобы спрятать ребенка .highlight внутри себя.
Используйте свойство overflow, а именно .code-collapse { overflow: hidden; }.
Попробуйте добавить overflow: hidden; в CSS. Он отсекает переполнение этой складной коробки.
Насколько я понимаю, вы пытаетесь сделать страницу полной ширины, верно?