Как сделать адаптивность по высоте?

Question

[Andrey Dyrkov]

Как сделать так чтобы элимент контейнер, в котором находятся зелёный,синий,красный блоки имел высоту как 100% минус верхний блок с чёрной рамкой?
Чтобы блок занимал всю доступную высоту помимо 60px(блока с чёрной рамкой) с верху?

Вот схема


Можно было бы сделать высоту 100% и у body{overflow:hidden},но тогда если контент в блоках уйдёт в низ, то его станет не видно.

Comments

[Евгений Петров]

Какую ошибку и в чём?

Answer 1

[zooks]

Тег вставляется в коде HTML в body в том месте, где будет выводиться ошибка.

htmlbook.ru/html/noscript

Answer 2

[DmitriyDekhanov]

Для таких задач лучше всего подходит flexbox:
https://jsfiddle.net/tf2nz0j2/