/CSS/Make footer stick to bottom without overlap over other elements

Make footer stick to bottom without overlap over other elements

body {
  display: flex;
  flex-direction: column;
  min-height: 100vh;
}

#footer {
  background-color: #efefef;
  flex: 0 0 50px;/*or just height:50px;*/
  margin-top: auto;
}

Source: stackoverflow.com

Similar codes

4 votes146 views2 answers
Composer switch to version 1
CSS
0 vote112 views1 answer
Docker buildx push to private registry
CSS
33 votes78 views21 answers
Laravel clear cache
CSS
4 votes110 views2 answers
How to get all values from object in javascript
CSS
0 vote126 views1 answer
How to increase the area of a text are
CSS
0 vote114 views1 answer
Symfony modify request
CSS
4 votes116 views1 answer
Who created css
CSS
3 votes111 views2 answers
Card template css
CSS
-1 vote123 views1 answer
Css dual color
CSS
3 votes148 views1 answer
Vh and vw
CSS