How to make footer div always be at the bottom of page content
问题 I have tried many different methods mentioned here and elsewhere on the web, but none of them do what I want it to achieve. I currently have elements on a webpage positioned and styled with the code below. Then below that, I have a footer div that I want to be at the bottom of the page content (see attached images). If the content height is less than the screen height, I can either have the footer at the bottom of the screen or directly under the content (both work). If the content is larger