/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

-2 votes223 views2 answers
Text sliding css
CSS
2 votes214 views1 answer
Css image to white
CSS
0 vote195 views1 answer
Css psedou content data
CSS
35 votes190 views4 answers
Css nth element
CSS
12 votes178 views2 answers
Center a cpontent css
CSS
1 vote306 views1 answer
Bootstrap 4 material icon vertical align
CSS Bootstrap
3 votes181 views1 answer
Css image fit in div with aspect ratio
CSS
31 votes218 views6 answers
Overflow
CSS
0 vote188 views2 answers
Deployer custom Options
CSS
0 vote202 views1 answer
Textauswahl deaktivieren
CSS