/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

0 vote288 views1 answer
How to style navbar-toggler-icon bootstrap 5
CSS
0 vote285 views1 answer
Css animation not smooth site:stackoverflow.com
CSS
0 vote299 views1 answer
Css grid auto wrap
CSS
0 vote289 views1 answer
Inline-block column appear higher than others
CSS
3 votes332 views2 answers
Ui gradient
CSS
19 votes279 views3 answers
Css round element
CSS
6 votes305 views4 answers
How to make the image in the center html
CSS
0 vote292 views1 answer
Docker buildx push to private registry
CSS
37 votes284 views2 answers
Rgb yellow color
CSS
0 vote318 views1 answer
React right burger scrol bar
CSS