/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

4 votes182 views2 answers
Bootstrap Image thumbnails
CSS
0 vote177 views1 answer
Add border to the array
CSS
4 votes176 views1 answer
Plasma state of matter
CSS
1 vote251 views1 answer
Content-visibility
CSS
13 votes200 views4 answers
Responsive css grid
CSS
0 vote204 views1 answer
Which bootstrap css class will you use to put the navbar at the top of the page? feel free to check out the bootstrap website.
CSS Bootstrap
-1 vote187 views1 answer
How to use a blank space with grid template areas css
CSS
2 votes190 views3 answers
Css media screen
CSS
6 votes145 views1 answer
Float css examples
CSS
2 votes182 views2 answers
Css rotate 180 degrees
CSS