Как убрать пустоту между блоками без Masonry?

Question

[sergey1989]

Доброго времени суток. Как убрать пустоту между b1 и b3(в красной рамке)? Отрицательные отступы, позиционирование не вариант тк объем контента в b2 не фиксирован.
https://codepen.io/anon/pen/dEwexd

Comments

[Rustam Bainazarov]

Почему нельзя использовать Masonry JS с блоками, внутри которых разное кол-во текста? Простейшая инициализация, разметка и CSS — и всё работает на раз-два, включая адаптивность. Плюс, не надо никаких хаков на CSS:



Если нужно с flex'ом использовать, то есть такие плагины:
https://github.com/desandro/colcade
https://github.com/e-oj/Magic-Grid

А так, если с хаками и пр., — вот хорошая статья с вариантами:
https://css-tricks.com/piecing-together-approaches...

Answer 1

[ned4ded]

.b2 {
    width: calc(50% - 2px); // 2px можете убрать, когда уберете бордер у b3
    float: right;
}