/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

6 votes217 views3 answers
Css scroll snap
CSS
0 vote215 views1 answer
Why programmers are single
CSS
22 votes226 views2 answers
Disable user select css
CSS
0 vote217 views1 answer
Place-content css property
CSS
3 votes222 views3 answers
Responsive text css
CSS
3 votes180 views1 answer
Smooth scroll to anchor
CSS
0 vote271 views1 answer
Vendor css
CSS
1 vote207 views1 answer
IPhone XS css
CSS
145 votes264 views6 answers
Import bootstrap in react
CSS Bootstrap
0 vote202 views1 answer
Css put background on top of another background image
CSS