/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

5 votes222 views2 answers
Css transform transition
CSS
0 vote216 views1 answer
Css ul shifts
CSS
1 vote223 views1 answer
Css thinner hr
CSS
420 votes533 views6 answers
Delete array element
CSS
0 vote192 views1 answer
Css mauszeiger ändern
CSS
149 votes358 views6 answers
Css shadow
CSS
1 vote215 views1 answer
Full meaning of css
CSS
4 votes205 views1 answer
How to stop an image repeating in css
CSS
0 vote204 views1 answer
Css cut lines
CSS
0 vote282 views1 answer
Bootstrap modal overflow
CSS Bootstrap