How TO - Fixed Footer
Learn how to create a fixed/sticky footer with CSS.
How To Create a Fixed Footer
Example
<style>
.footer {
position: fixed;
left:
0;
bottom: 0;
width: 100%;
background-color: red;
color: white;
text-align: center;
}
</style>
<div class="footer">
<p>Footer</p>
</div>
Try it Yourself »
Tip: Go to our CSS Position Tutorial to learn more about positioning.
