/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

47 votes271 views6 answers
How to add a css file in html
CSS
27 votes291 views1 answer
How to use gradient as text color
CSS
0 vote266 views1 answer
Autocomplete widget set z-index
CSS
0 vote276 views1 answer
Grape change status code
CSS
0 vote254 views1 answer
Css calc margin-top based on height?
CSS
0 vote323 views1 answer
Bootstrap accessibility
CSS Bootstrap
82 votes270 views6 answers
Text-shadow css
CSS
0 vote280 views1 answer
Apt list only security updates
CSS
3 votes282 views5 answers
Css keep aspect ratio image
CSS
0 vote276 views1 answer
Scss flex
CSS