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>
<p>Footer</p>
</div>
Try it Yourself ».footer {
position: fixed;
left: 0;
bottom: 0;
width: 100%;
background-color: red;
color: white;
text-align: center;
}
</style>
<div>
<p>Footer</p>
</div>
Tip:Go to our CSS Position Tutorial to learn more about positioning.
