/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 vote298 views2 answers
Vertically and horizontally center a fixed div
CSS
-2 votes327 views3 answers
How to highlight text in css
CSS
96 votes358 views2 answers
How to position in css
CSS
0 vote285 views1 answer
How to use linear-gradient together with background image in bootstrap
CSS
-1 vote340 views1 answer
Css backdrop filter grayscale
CSS
4 votes287 views1 answer
Grid mdn
CSS
2 votes372 views2 answers
Image rendering values css
CSS
1 vote336 views1 answer
Slickjs height
CSS
0 vote355 views1 answer
Mouse hold css effect
CSS
0 vote371 views1 answer
Subtracting css
CSS