Как грамотно сверстать блоки разного размера?

Question

[weredy]

Блоки 3 видов: квадрат X на X и прямоугольники 2X на X и X на 2X. Сделал флоатами, но не покидает чувство что можно проще. От masonry отказался. Как бы вы это сделали?

Answer 1

[Роман Огарков]

Внешний контейнер (основной, в котором у тебя 3 блока) сделай display: inline-block; width: 100%; Внутренние контейнера раскидай float: left, right

Comments

[weredy]

Там у ряда будет высота самого высокого, ну и по сути будет много рядов. А надо их плотно уложить как тетрис.

[Роман Огарков]

weredy: Плотнячком только masonry либо absolute делать

[typeof null]

Роман Огарков: а flexbox?

[Роман Огарков]

Nazar Tsyhanyuk: А flexbox пока отлетает, не все браузеры его грамотно поддерживает в особенности IE 10

[typeof null]

Роман Огарков: согласен, IE начиная с 11, но мы не знаем где автор это будет использовать

[weredy]

Nazar Tsyhanyuk: 9+ :(

[typeof null]

weredy: не повезло