Как сделать корректно блок на высоту экрана без vh, js и flex?

Question

[Александр Синицын]

Чтобы если контента меньше, ни одна граница не поднималась вверх следом за ним, а если его больше, то все три растягивались вниз.

Код

Со скриптом получился вот такой разврат )

Comments

[Kovalsky]

Немного оффтоп: скажите, а зачем вы сохраняете предыдущий обработчик вместо того чтоб просто добавить новый с помощью addEventListener, в этом есть какая-то тонкость?

[Александр Синицын]

Никита Полевой, Так, разврат ))

Вообще, как говорится... скрипт в корне корявый и работает правильно, только при определенных условиях )))

Answer 1

[Павел Корнилов]

А так без развратов:
https://codepen.io/anon/pen/yzLxKO
=)

Comments

[Kovalsky]

При малых размерах вьюпорта текст выходит за нижнюю границу div.

[Александр Синицын]

Не растягивается за контентом.

[Павел Корнилов]

Да,попытался сменить на min-height, тоже почему-то не сработало. А жаль, хорошая идея была...

[Александр Синицын]

KorniloFF, Да, похоже без скрипта никак. Надо допиливать скрипт.

[Павел Корнилов]

Александр Синицын, возможно, тогда как-то так сработает?
https://codepen.io/anon/pen/dVyBdp

[Александр Синицын]

KorniloFF, Если в скрипте применять css3, то проще использовать vh )