Tengo un problema con mantener el pie de página en la parte inferior. No he agregado estilos al pie de página. Solo lo convertí en el último elemento de la página y funciona bien, hasta que hay una página con poco contenido, luego el pie de página se mueve hacia arriba. como en esta foto

ahora, ¿qué podría hacer para que el pie de página se pegue al final cuando el contenido de la página tiene una altura pequeña?

Traté de agregar estos estilos al pie de página:

 footer{ position: fixed; bottom: 0; }

esto funciona bien si la página tiene contenido pequeño, pero si no es así, el pie de página se muestra en la parte superior del contenido de la página como esta imagen:

la conclusión es cómo podría hacer que este pie de página se pegue al final