How to push a footer to the bottom of page when content is short or missing?

Question

I have a page with an outer div that wraps a header, content and footer div. I want the footer div to hug the bottom of the browser, even when the content div is not tall e

Answer 1

I tried this and it works fine so far

position:absolute;
bottom:0;
width:100%;

or

position:absolute;
bottom:0;
left:0;
right:0;