Небольшой вопрос по верстке, поможете?

Question

[AlexanderZW]

Доброго времени суток! Верстаю макет по шаблону и столкнулся с небольшой проблемой. Пробовал различные варианты float, clear и position, но решения так и не нашел. Вот в чем заключается вопрос - возможно ли (см. изображение 1) поднять блок "Recent Comments" (он же блок №6 на втором изображении) вверх, под блок "Recent Posts" (блок №1)? На данный момент у них у всех float: left. Спасибо!

Answer 1

[Павел Гоголинский]

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

Comments

[AlexanderZW]

Думал возможно сделать это силами CSS, но этот метод подошел, спасибо!

Answer 2

[PallMall]

А почему не сделать тремя колонками (все - float: left) и в каждой колонке обычным потоком нужные блоки?

<div class="column-1">
  <div class="block-1"></div>
  <div class="block-6"></div>
</div>
<div class="column-2">
  <div class="block-2"></div>
</div>
<div class="column-3">
  <div class="block-3"></div>
  <div class="block-4"></div>
  <div class="block-5"></div>
</div>

Comments

[AlexanderZW]

С самого начала планировал делать каждый элемент отдельно и не группировать их, ибо после завершения этой верстки хотел сделать отзывчивый вариант под несколько разрешений. Можно сделать и в три колонки, но тогда будет намного меньше возможностей при создании таблиц стилей для меньших разрешений, поэтому хотел найти решение в CSS, но пока остановлюсь на решении предложенном выше.