How to stick footer to bottom (not fixed) even with scrolling

Question

I\'m learning web development and I simply can\'t figure out what I\'m doing wrong on this. I want the footer of this page to stick to the bottom, below all content, but not fix

Answer 1

Try this:

css:

#footer
{
    position: relative;
    background-size: cover;
    background-position: 50% 50%;
    background-color: #ffab62;
}

html: