Блочная верстка, как привязывать блоки к друг другу?

Question

[De Slow]

Что нужно указывать, что бы каждый блок выравнивался относительно предыдущего?
Возможно я кривой совсем, но "Float" и "position" -не помогают
как вообще сверстать данную структуру? понимаю, что легко, ноооо.....
Прошу помощи

Answer 1

[Ivan Stroykin]

Если особо не париться то вот пример codepen.io/StivinKing/pen/eZjJPQ
По коду можно разобраться, если что-то будет не понятно - спрашивайте

Comments

[De Slow]

Прошу прощения, а как сделать сами блоки резиновыми в высоту?
В особенности нужно сделать резиновым лишь "block-1"
Просто убрать height и при добавлении туда контента сделать паддинг для контента и все будет хорошо?-или нужно применить еще что-то?

[Ivan Stroykin]

Lesha Weal: да, убираем высоту (можно поставить min-max, чтобы даже если не было содержимого была какая-то высота) и блок будет растягиваться по мере наполнения контентом. Ну и padding для красоты, чтобы контент к краям не прилипал.

Answer 2

[Глеб Кемарский]

Вариант вашей схемы с резиновой вёрсткой: https://jsfiddle.net/glebkema/kb1pxwas/

Но не понял, что означает "чтобы каждый блок выравнивался относительно предыдущего". Какой блок для какого будет предыдущим и по каким краям их надо выровнять?