/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 vote322 views1 answer
Sass file
CSS
0 vote339 views1 answer
Page rotate css
CSS
3 votes350 views3 answers
Font shadow css
CSS
0 vote313 views1 answer
Sumar clases css
CSS
0 vote340 views1 answer
Css input spaces between
CSS
0 vote372 views1 answer
Css 4 modal
CSS
2 votes361 views3 answers
Ul hide bullet css
CSS
0 vote346 views1 answer
How to scale pixels in css
CSS
1 vote369 views1 answer
Scroll bar on border radius element css
CSS
8 votes332 views3 answers
Bootstrap 4 center image
CSS