Как сделать нефиксированный по высоте блок со скроллом?

Question

[vvvadimos]

вот структура элементов
prntscr.com/bv64ux
главный блок обертка на всю высоту экрана, в нем еще два, вместе занимают всю высоту родителя, в верхнем какой-то текст, и этот блок принимает высоту своего контента, в вот второй (нижний) уже занимает оставшуюся высоту, притом в нем находятся еще два блока, и именно тот что подписан цифрой 1, должен быть со скроллом, если его контент не вмещается в высоту
главное условие - использовать можно только css

Answer 1

[Алекс Глебов]

https://jsfiddle.net/c46hccx2/

Comments

[vvvadimos]

чотка)

[AlexandrKom]

хм.. единственное, если содержимое bottom-scroll одна строчка, блок не растянется по высоте. Поддержка vh на мобилках хромает caniuse.com/#feat=viewport-units

[vvvadimos]

AlexandrKom: + не работает в мозиле) пока тут Алекс решение писал, я и сам уже набросал, немного другим способом, тоже с флексбоксами, но и мой в мозиле не пашет зараза