/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

11 votes184 views3 answers
Filter for css white color
CSS
0 vote182 views1 answer
Background pulled to corner on small screens
CSS
44 votes202 views6 answers
Select odd child css
CSS
5 votes184 views4 answers
Css flex gap between items
CSS
6 votes151 views4 answers
Radial gradient css
CSS
76 votes190 views6 answers
Css flexbox
CSS
1 vote259 views1 answer
Css rules only for mozilla
CSS
1 vote241 views2 answers
Css disabled hover none
CSS
0 vote179 views1 answer
How to add style .css in wp
CSS
0 vote193 views1 answer
Wordpress link post tags
CSS