/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 vote152 views1 answer
Style textarea in css
CSS
1 vote134 views2 answers
What is css selector
CSS
0 vote133 views1 answer
Horizontal scroll menu fade edges
CSS
238 votes308 views5 answers
Include bootstrap
CSS Bootstrap
0 vote144 views1 answer
Css line-through color
CSS
3 votes213 views1 answer
Increase text from input
CSS
2 votes141 views1 answer
Space between li css
CSS
0 vote141 views1 answer
All Stylesheet Media Types
CSS
0 vote153 views2 answers
Fix materialize form label not working
CSS
0 vote419 views1 answer
Fgg
CSS