Как распределять содержимое в резиновом блоке?

Question

[TANK_IST]

Есть блок в котором содержатся несколько блоков:

Основной блок может изменятся в размерах.
И когда высота основного блока уменьшается должно получится вот так

Как это реализовать?

Answer 1

[Сергей Протько]

Так тут ширина меняется. Идеально решается через flexbox-ы, но тогда надо забыть о поддержке IE ниже 10-ой версии. Иначе - делать бэкграунд для второй калонки как бордер контейрера, или извращаться с таблицами (display: table).

Comments

[TANK_IST]

вот что получается jsfiddle.net/B5hQ8/1 в первом блоке остается место справа, а его не должно быть