/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

24 votes152 views2 answers
Text-overflow: ellipsis; 2 line
CSS
32 votes147 views5 answers
Css text align right
CSS
0 vote144 views1 answer
Remove or hide powered by text from Google Translate
CSS
53 votes153 views6 answers
Background color in css
CSS
1 vote153 views1 answer
Javascript read me text
CSS
0 vote144 views1 answer
Mirror text css
CSS
0 vote210 views2 answers
Css folded corner
CSS
0 vote154 views1 answer
Css aufzählungszeichen entfernen
CSS
2 votes145 views1 answer
Media queries css responsive max width
CSS
0 vote148 views1 answer
Overiade main style only for specific page sass
CSS