/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

36 votes125 views6 answers
Gradient text
CSS
0 vote142 views1 answer
Html same width as parent
CSS
13 votes127 views4 answers
Scss transition mixin
CSS
53 votes135 views6 answers
Background color in css
CSS
1 vote150 views1 answer
Css select part of class name
CSS
24 votes135 views3 answers
Css change multiple classes
CSS
0 vote143 views1 answer
Bottom gradient
CSS
20 votes202 views2 answers
Bootstrap screen sizes
CSS Bootstrap
22 votes334 views2 answers
React bootstrap carousal not working
CSS Bootstrap
5 votes178 views1 answer
Make div the size of the text inside
CSS