/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 votes100 views1 answer
Rgb background
CSS
6 votes101 views4 answers
Radial gradient css
CSS
0 vote144 views2 answers
Ul class= social-icons
CSS
0 vote148 views1 answer
Background affter layer css
CSS
13 votes151 views4 answers
Responsive css grid
CSS
0 vote141 views1 answer
@keyframes opact
CSS
0 vote268 views2 answers
Using materialize css with react
CSS Materialize
2 votes149 views1 answer
How to put background in html
CSS
7 votes142 views3 answers
Input checked by default
CSS
0 vote134 views1 answer
Twig date modify
CSS