Sticky footer

html, body {
  height: 100%;
}
body {
  display: flex;
  flex-direction: column;
}
.content {
  flex: 1 0 auto;
}
.footer {
  flex-shrink: 0;
}

Source: css-tricks.com

Position footer to stay at bottom of screen flexbox

/* Use flex and set auto margin */
body {
  display: flex;
  flex-direction: column;
  min-height: 100vh;
}

footer {
  margin-top: auto;
}

Source: wetainment.com

Sticky footer bootstrap 3

<style>
.footer {
   position: fixed;
   left: 0;
   bottom: 0;
   width: 100%;
   background-color: red;
   color: white;
   text-align: center;
}
</style>

Similar codes

0 vote189 views1 answer
Css background templates
CSS
1 vote185 views1 answer
Dom ids have numbers
CSS
2 votes194 views2 answers
Mysqldump: Error: 'Access denied; you need (at least one of) the PROCESS privilege(s) for this operation' when trying to dump tablespace
CSS
3 votes246 views2 answers
DevTools failed to load SourceMap: Could not load content for bootstrap.min.css.map
CSS Bootstrap
1 vote175 views1 answer
Give shadow all around uniformly css
CSS
0 vote180 views1 answer
The basic - and minimal - structure of an email template looks like this:
CSS
0 vote246 views1 answer
Set scroll bar on a table
CSS
0 vote171 views1 answer
All the divs from inside of another div css
CSS
0 vote194 views3 answers
Animate.css cdn
CSS
0 vote183 views1 answer
Place image on top right inside flex css
CSS