/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 vote413 views1 answer
Composer use different php version
CSS
6 votes368 views5 answers
Flutter print
CSS
0 vote382 views1 answer
Css clip
CSS
-1 vote312 views1 answer
Html flex direction
CSS
1 vote377 views1 answer
How to do a smooth transform scale
CSS
0 vote355 views1 answer
How to make a div in top left in css
CSS
23 votes358 views6 answers
Css circle
CSS
0 vote425 views2 answers
Css hover affect other item
CSS
5 votes342 views3 answers
Css glow effect
CSS
0 vote398 views1 answer
How to set color of instagram css
CSS