目录

How TO - Fixed Footer

❮ Previous Next ❯

Learn how to create a fixed/sticky footer with CSS.

Try it Yourself »

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.

❮ Previous Next ❯