HTML 5 Footer tag be always at bottom

Question

I am developing a site in HTML 5. I wrap all my footer content in footer tag. Like code below

<         


        

Answer 1

Using position absolute for

works, but if you have an extending content as your main width grows you'll see the problem, or as you use the inspect, the footer starts hanging in the middle of the screen. Not a perfect solution but using fixed bottom simply resolves the issue.