Отображение страницы продолжается после конца HTML, хотя рост превышает vh - пробел под нижним колонтитулом

Question

По какой-то причине на этой странице я получаю пробел ниже конца нижнего колонтитула на экране Full HD:

Это как-то связано с длиной контента, так как проблема исчезает после добавления большего количества контента, но я не могу понять, что именно вызывает его.

В чем здесь проблема?

Answer 1

Проблема связана с этой частью (если вы удалите ее, вы увидите, что проблема исчезла):

<div style="left: -900px;top: 1080px;transform: rotate(-305deg)" class="akvarel akvarel-header akvarel-right"></div>

Я удалил свойство left: -900px; CSS, чтобы закрепить его снимок экрана (см. ниже)

---

Причина:

Он размещен с .akvarel {position: absolute; etc... }, поэтому вынул его из потока документов.

1080px (из top: 1080px;) + высота этого элемента> высота вашего html документа

Вот почему при добавлении контента возникает проблема исчезает.