/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

1 vote103 views2 answers
Scale textarea
CSS
0 vote105 views1 answer
How to use bootstrap color variables in sass
CSS
-1 vote98 views1 answer
How to do text center of select element
CSS
0 vote149 views1 answer
Css change the accordion arrow color
CSS
0 vote104 views1 answer
Terminal download website source code
CSS
0 vote121 views1 answer
Elementor vertical line
CSS
0 vote107 views1 answer
Ghjhgggggggg
CSS
23 votes111 views4 answers
Css gradient border
CSS
0 vote105 views1 answer
Add a class to header
CSS
8 votes112 views2 answers
Text underline hover css
CSS