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

Question

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 does