Możesz to osiągnąć nie pozycjonując stopki względem okna przy pomocy position: absolute; Żeby dynamicznie ją w dół przenosić trzeba by było sprawdzać kiedy content zawiera całą wysokość ekranu i usunąć właściwość position: absolute. Proponuje użyć innego sposobu.
Jeden ze sposobów jak to możesz osiągnąć jest flexbox. Tworzysz sobie layout strony(kontener), który ma własciwości:
display: flex;
flex-direction: column;
justify-content: space-between
Tutaj masz przykład takiego użycia: https://codepen.io/Mati_/pen/QeZPGV
Struktura strony przy użyciu podanego wyżej sposobu.
<body>
<div class="top">
//cały content strony tutaj
</div>
<footer>stopka</footer>
</body>
Możesz również wybrać jedno z tych rozwiązań: https://css-tricks.com/couple-takes-sticky-footer/