Как прибить к нижнему правому углу родителя блок без использования height, position:absolute и скриптов?

Question

[Вовка Соловьёв]

Всё резиновое. Есть синий основной, и есть два сайдбара. Темносерый сайдбар всегда сверху, красный сайдбар всегда снизу светлосерого родителя. Как сделать средствами CSS, чтобы для любого объёма контента в синем, красном и тёмносером блоках они умели располагаться как на кадрах иллюстрации-анимации (на которой увеличивается контент в синем блоке)?



UPD: Решение — jsfiddle.net/vovkasolovev/hga7jw4s

Answer 1

[bromzh]

Если пофиг на старые браузеры, то flexbox будет самым простым решением.

Comments

[teotlu]

caniuse.com/#search=flexbox — в общем-то, проблемой являются только версии IE ниже 10. Для них вроде как существует полифилл, но только под старый синтаксис flexbox, плюс он тормозит и без того медленный браузер.

[Вовка Соловьёв]

Спасибо! Работает: jsfiddle.net/vovkasolovev/hga7jw4s