/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

0 vote229 views1 answer
Css line-through with words
CSS
0 vote229 views1 answer
Mouse hover text zoom effect
CSS
-1 vote218 views1 answer
Use w3 css on your website
CSS
0 vote224 views1 answer
Overflow-wrap: anywhere
CSS
1 vote255 views1 answer
Change order columns bootstrap
CSS Bootstrap
27 votes234 views3 answers
Keyframe in css
CSS
2 votes176 views1 answer
Css unselectable
CSS
0 vote228 views1 answer
Add css file through jquery
CSS
0 vote246 views1 answer
Set another font in css
CSS
0 vote217 views1 answer
Elementor custom css for mobile
CSS