/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

-1 vote248 views1 answer
Option tag center
CSS
0 vote194 views1 answer
Resource interpreted as Document but transferred with MIME type application/zip\
CSS
1 vote194 views1 answer
Css after not working
CSS
0 vote155 views1 answer
Remove svg border
CSS
1 vote214 views1 answer
Text-shadow
CSS
0 vote204 views1 answer
P{ color: blue; font-size: 14px; }
CSS
3 votes213 views2 answers
How center content in css by using flex
CSS
1 vote194 views1 answer
How to hide the bullet list css
CSS
38 votes196 views6 answers
Text gradient css
CSS
0 vote321 views1 answer
Css remove scrollbar from body
CSS