Как растянуть div по высоте в данном случае?

Question

[Nwton]

Заготовка: https://jsfiddle.net/pp3dt2co/1
Необходимо растянуть последний блок каждого столбца, что бы в результате получилось как тут, но без необходимости руками и js задавать доп. высоту.
Что можно сделать? На чистом css и без flex box.

upd
Поражен бездарностью ответов и комментариев. Что с тобой, тостер?

Comments

[Abdula Magomedov]

почему без flex? У него поддержка полная

[Abdula Magomedov]

Для таких задач и создан flex.

[simka alien]

вы уже просто скопировать css не можете ? там же высота блоков фиксированная

.bar {
  width: calc(100% * 1/3);
	float: left;
}

.block {
  background: #ccc;
  margin: 1px;
}

.b {
  height: 56px;
}

.c1 {
  height: 37px;
}

[Ankhena]

width: calc(100% * 1/3);

А зачем так странно?
Почему не 100 / 3 и совсем боюсь спрашивать, зачем это вообще делать с помощью calc?

[Nwton]

simka alien: прежде чем оставлять такие комментарии, 10 раз перечитайте вопрос. А потом еще 5.

Answer 1

[twobomb]

Про таблицы не слышали?

Comments

[Nwton]

10 лет назад слышал.

[Nwton]

Кстати, задачу ваш вариант не решает.

[Sergiu Mitu]

Nwton: вообще-то решает.

Answer 2

[DTX]

flexbox
https://jsfiddle.net/pp3dt2co/4/

Upd: Почему без флексов?

Comments

[Nwton]

Из спортивного интереса :) Но, похоже, раньше такие задачи без костылей не решали. Немного исправил: https://jsfiddle.net/pp3dt2co/7

Answer 3

[Sergiu Mitu]

таблицами ТАК
flexbox-ом вам выше ответили как
ну либо JS