Content Div 100% высоты минус динамическая высота нижнего колонтитула Div ⇐ CSS

[Anonymous]

Я использую Bootstrap 4, и у меня довольно сложный нижний колонтитул:
[img]https://i.sstatic.net /QGbeO.png[/img]

...который динамически регулирует свою высоту. Это PHP-приложение, поэтому содержимое в центре экрана меняется. Когда контент больше экрана, нижний колонтитул сдвигается вниз по желанию. Однако у меня бывают сценарии, когда контент довольно мал, а под ним есть пробелы в нижнем колонтитуле.
У меня также есть заголовок.
Как можно Я использую CSS для настройки классов начальной загрузки так, чтобы, если (и только если) высота содержимого плюс высота нижнего колонтитула не составляют 100 % высоты области просмотра, содержимое расширялось до такой степени?Вот как это выглядит в настоящее время:


Как видите, пробел находится внизу экрана под нижним колонтитулом. Я не хочу делать прикрепленный нижний колонтитул и прокручивать посередине, я просто хочу, чтобы нижний колонтитул находился внизу экрана, если содержимое между верхним и нижним колонтитулом не занимает оставшаяся высота.
Все, что я видел до сих пор, требует фиксирования высоты нижнего колонтитула, но я боюсь, что нижний колонтитул не будет правильно реагировать на экранах разных размеров.Вот мой общий HTML-макет с классы начальной загрузки:

Код: Выделить всё

    




[url=https://dization.com/]
[img]../public/images/cropped-logo_white.png[/img]
[/url]


















[img]../public/images/Logo-no-text.png[/img]






 




























< /code>
Вот единственный пользовательский CSS, который я добавил на страницу: < /p>
html,
body,
header {
height: 100%;
}

body {
padding-top: 70px;
}

Любая помощь будет оценена.>

Подробнее здесь: https://stackoverflow.com/questions/708 ... footer-div