VIKINGVyksa
@VIKINGVyksa
front-end developer

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

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

Вот схема
c080c306286341df9e7f4a7ec9c9bc87.png

Можно было бы сделать высоту 100% и у body{overflow:hidden},но тогда если контент в блоках уйдёт в низ, то его станет не видно.
  • Вопрос задан
  • 807 просмотров
Пригласить эксперта
Ответы на вопрос 2
zooks
@zooks
Frontend
Тег вставляется в коде HTML в body в том месте, где будет выводиться ошибка.

htmlbook.ru/html/noscript
Ответ написан
Комментировать
@DmitriyDekhanov
Для таких задач лучше всего подходит flexbox:
https://jsfiddle.net/tf2nz0j2/
Ответ написан
Комментировать
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы