/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 vote125 views1 answer
An operation was attempted on something that is not a socket
CSS
1 vote151 views1 answer
Css contenteditable outline
CSS
1 vote144 views1 answer
Css var negative
CSS
2 votes130 views1 answer
Vertically center an svg
CSS
0 vote134 views1 answer
Responsive arrow breadcrumbs css site:stackoverflow.com
CSS
3 votes132 views1 answer
Css how to make text not break
CSS
37 votes184 views1 answer
Css placeholder font size
CSS
0 vote123 views1 answer
Style50 for cs50
CSS
57 votes214 views4 answers
Css hover rounded corners
CSS
4 votes125 views1 answer
Overflow dottet
CSS