Sometimes you will need to show the footer at the bottom of the page when there is little or not content. and not directly after the contents because this makes the footer alittle bit lifted up and not elegantly shown on the page.
When designing a web page, alot of times you will need to put two or more divs or containers beside each other. The default behavior is that they will wrap under each other. in this snippet you will different methods to put them together without affecting other elements without intention.