Привет, как прижать футер страницы, но таким образом, если между хедер и футер много контента, то футер как обычно в самом низу, а если удалить несколько элементов и всю помещается по высоте в окно браузера, футер должен быть внизу без скролла.
Имею ввиду, примеры, которые нагуглил все работают так, у меня много контента, я удаляю их очередно, все помещается в окно, но сохраняется прежняя высота и в итоге чтобы увидеть футер надо прокрутить скролл, а мне надо чтобы он поднимался вслед удаляемым частям.
P. S. При удалении контента — он удаляется из DOM, поэтому не может занимать место. Либо у вас контент не удаляется, либо вы использовали какие-то странные JS-решения для прижатия подвала.
Можно использовать flexbox и присвоить футеру margin-top:auto. Тогда footer всегда будет в самом низу.
Чтобы body был не меньше высоты экрана пишем для него min-height: 100vh.
HTML
<body>
<div id="Wrapper">
Тут остальной сайт
<div>
<footer>
Тут футер
</footer>
</body>
Простой
Простой