Как без JS убрать отступ в низу страницы?

Question

[Капитан Какао]

Всем привет, в общем у меня есть такая необходимость, что бы один блок налазил на другой, допустим на 50px.
При этом высота блоков мне не известна, она резиновая, и меняется в зависимости от контента.
В итоге сделав наложение одного блока на другой по средствам

position: relative;
top: -50px;

В низу страницы остаётся путое пространство, те самые 50px.

Для наглядности прикрепляю скрины и исходники

Нужно так:
https://jsfiddle.net/d26vr1fj/


Получается так:
https://jsfiddle.net/d26vr1fj/1/

Answer 1

[j n]

https://jsfiddle.net/6onde3uk/

Например, вот так

Comments

[Капитан Какао]

OMG, всё гениальное просто.
Большое спасибо! Не понимаю почему я до этого сам не додумался. Супер!

Answer 2

[Islam Ibakaev]

div[class*="block-"]:not(:first-child) { margin-top: -50px; }

Answer 3

[McBernar]

У вас height у блоков стоит 300px.

Comments

[Капитан Какао]

ну это чисто в примере, на деле высота будет неизвестна.

Answer 4

[Маргарита Рэй]

А не получится то же самое сделать отрицательным margin? И остаток будет проще решить чем с позиционированием))