/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 vote328 views1 answer
Color transition time css
CSS
72 votes318 views6 answers
Css font size
CSS
5 votes304 views3 answers
Grid-column css
CSS
0 vote298 views1 answer
What is focus state in css
CSS
2 votes306 views1 answer
How to distribute vertically the items in css
CSS
20 votes318 views3 answers
Underline text using css
CSS
0 vote321 views1 answer
Force keyboard to hide android programmatically
CSS
0 vote343 views1 answer
Jquery replace css class
CSS
0 vote312 views2 answers
Remove background color css jquery
CSS
1 vote301 views1 answer
-mos css
CSS