/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 vote155 views1 answer
Hoow to open a css class in css
CSS
0 vote148 views1 answer
Make image scale based on screen size
CSS
19 votes189 views2 answers
Border color css
CSS
0 vote151 views2 answers
Hide Categories - Woocommerce Product Page
CSS
-3 votes139 views1 answer
How do i make a div full width with css
CSS
0 vote160 views1 answer
Youtube-dl forbidden
CSS
0 vote144 views1 answer
Css remove list indent
CSS
4 votes180 views1 answer
Move button in CSS
CSS
21 votes141 views5 answers
Text-overflow: ellipsis 2 lines
CSS
2 votes174 views2 answers
Css img scale-down
CSS