/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 vote275 views4 answers
Screen orientation css
CSS
4 votes158 views2 answers
How to give background overlay in css
CSS
17 votes173 views2 answers
Filter: alpha(opacity=0);
CSS
55 votes233 views6 answers
Css margin
CSS
2 votes157 views1 answer
XAMPP: Another web server daemon is already running
CSS
52 votes162 views3 answers
Css position absolute middle
CSS
3 votes170 views2 answers
How to make border for letters in css
CSS
0 vote190 views1 answer
Css display offscreen
CSS
0 vote177 views1 answer
How to set initial state after first time in formik
CSS
3 votes160 views1 answer
Css edit scroll bar
CSS