Por lo tanto, el pie de página siempre está en la parte inferior de la página, no en el marco de la ventana como ningún pie de página fijo. Luego hay contenido en el cuerpo y entre el contenido y el pie de página debe haber un div tan ancho/alto que el pie de página al menos toque el marco de la ventana.
Podrías usar un sistema de cuadrícula. Su pie de página estaría en altura "auto" y su contenido sería 1fr
.wrapper{ display: grid; grid-template-rows: 1fr auto; grid-template-columns: 1fr; height: 80vh; } <div class=wrapper> <div>Content...</div> <footer>Footer NEW</footer> </div>