/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

8 votes112 views2 answers
CSS change image height
CSS
0 vote142 views1 answer
Style image so it crops
CSS
0 vote227 views1 answer
Hoe maak je alleen het opsommingsteken wit in css
CSS
0 vote128 views1 answer
Bootstrap dropdown in accordion problem
CSS
1 vote137 views1 answer
Css grid minmax function
CSS
1 vote145 views1 answer
Remove grayscale no filter css
CSS
25 votes130 views5 answers
Image blur css
CSS
1 vote125 views2 answers
Drawing a circle with css
CSS
34 votes123 views1 answer
Css middle and center align div
CSS
1 vote135 views1 answer
How to change what twine looks like
CSS