/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

27 votes180 views6 answers
Font border css
CSS
0 vote182 views1 answer
All ipad Resolutio css
CSS
1 vote166 views1 answer
Hex code for khaki
CSS
56 votes189 views6 answers
Center with css
CSS
23 votes204 views5 answers
How to rotate image in css
CSS
0 vote206 views2 answers
How do img with same
CSS
38 votes172 views5 answers
Roboto
CSS
10 votes209 views4 answers
Css align ul li horizontal
CSS
0 vote202 views1 answer
Mvc how to css file linked
CSS
8 votes199 views3 answers
Css change font awesome icon color
CSS