/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 vote135 views1 answer
Symfony modify request
CSS
0 vote182 views1 answer
GET /style.css HTTP/1.1" 404
CSS
0 vote177 views1 answer
Css tips and tricks to handle the complicated stuffs in design part which is helpfull to handle at tha critical time and to deliver requirement to the client to the main resource
CSS
0 vote149 views1 answer
Align items in span to center
CSS
0 vote159 views1 answer
Css selector id class
CSS
-1 vote142 views1 answer
Use w3 css on your website
CSS
0 vote159 views1 answer
Css last item should be flex end
CSS
0 vote155 views1 answer
How to use css transform matrix
CSS
3 votes100 views1 answer
Make item apper at the center of div
CSS
0 vote182 views1 answer
What css vmin
CSS