/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

7 votes356 views3 answers
Bootstrap remove outline
CSS
0 vote329 views2 answers
Css counters
CSS
5 votes323 views1 answer
Safari only CSS hack
CSS
3 votes324 views2 answers
Css affect all child elements
CSS
0 vote327 views1 answer
Jquery hide scrollbar but allow scrolling
CSS
3 votes305 views1 answer
Change css to scss angular
CSS
8 votes336 views2 answers
Clearfix css
CSS
0 vote349 views1 answer
Materialize css form file input
CSS
0 vote353 views1 answer
Material css navbar
CSS
0 vote345 views2 answers
Position relative and absolute difference in css
CSS