Как избавиться от пустого места после смещения блоков?

Question

[Никита Нафранец]

Есть 6 блоков по порядку сверху вниз. С помощью position relative я сместил вверх 5 блоков на первый блок в итоге получилась вот такая штука

Все бы хорошо, но внизу появилась пустая область от которой я не знаю как избавиться.

Я решил просто решил выставить в body определенное значение height и вроде бы проблема прошла. Но Mozilla игнорирует эти параметры. И если в любом другом браузере изменить размеры окна, то пустое место опять появляется и пропадает только после f5. Заранее спасибо.

Comments

[Therapyx]

ну дак а как люди посмотрят в чем проблема? Тут уж ссылка на сайт нужна или код на https://jsfiddle.net/

[Никита Нафранец]

https://autotrade-eddimensi.c9.io/

Answer 1

[rmaksim]

у body убрать высоту height: 2300px;
у .wrapper убрать top: -250px;
у .header добавить margin-bottom: -250px;

Comments

[Никита Нафранец]

Потрясающе, я не додумался бы до такого. Я не знал, что я мог с помощью отрицательного margin мог "впитать" в себя другие блоки. Спасибо.