footer - Read For Learn

force footer on bottom on pages with little content

Update 2021 – CSS GRID Here is a solution using CSS Grid, this is by far the best way to do it on 2021. Run code snippetExpand snippet Old Answer There is another sticky footer by Ryan Fait that doesn’t use position fixed:

Fix footer to bottom of page

For your footer: For your body: Show code snippet jsFiddle Demo

CSS to make HTML page footer stay at bottom of the page with a minimum height, but not overlap the page

A simple method is to make the body 100% of your page, with a min-height of 100% too. This works fine if the height of your footer does not change. Give the footer a negative margin-top:

+ More