/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

3 votes187 views1 answer
Css scrollbar vertical only
CSS
1 vote179 views2 answers
Scale textarea
CSS
2 votes197 views2 answers
Html font white text with black border
CSS
13 votes169 views3 answers
Centering css elements
CSS
4 votes184 views2 answers
Alternate table row color css
CSS
0 vote251 views1 answer
Javavscript use .filter to return odd numbers in an array
CSS
0 vote189 views1 answer
.container
CSS
0 vote199 views1 answer
Css keep element on same position among different screen size
CSS
38 votes190 views6 answers
Rotate image css
CSS
0 vote189 views1 answer
How to apply css on react chartjs
CSS