How to allows make footer on the bottom but not letting it cover content

I want the footer at the bottom of the page at all times. However, when I use position: absolute;, it goes to the bottom of the page but it covers content that doesn't fit in the page. This is the current CSS styling:

.footer {padding: 2px;       background-color: #eeeeee;       color: #0f0f0f;       text-align: justify;       font-size: 20px;       width: 99%;       bottom: 10px;       border-radius: 10px;}  

Can anyone help me?

https://stackoverflow.com/questions/65948253/how-to-allows-make-footer-on-the-bottom-but-not-letting-it-cover-content January 29, 2021 at 11:07AM