> ## Content Index
> Fetch the complete content index at: https://getpublii.com/blog/llms.txt
> Use this file to discover other available public pages before exploring further.

# How to create a fixed footer

- URL: https://getpublii.com/blog/how-to-create-a-fixed-footer.html
- Published: 2020-11-27T07:46:38.539Z
- Updated: 2022-10-21T08:23:50.799Z
- Description: Sometimes you may need to keep the footer at the bottom of the page, regardless of the page height content. I found many solutions, but almost all of them use too much code, require the use of display flex or…
- Author: Bob Mitro
- Tags: CSS

Sometimes you may need to keep the footer at the bottom of the page, regardless of the page height content. I found many solutions, but almost all of them use too much code, require the use of display flex or grid for the entire page or are script-based.

Below you can find my, very simple CSS-based solution, I hope it works for you too:

```html
<body>
  <footer>…</footer>
</body>
```

```css
body {
   min-height: 100vh;
   position: relative;
}

footer {
   position: sticky;
   top: 100%;
}
```

That's all!
