/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

1 vote176 views1 answer
Unknown function 'mat-palette'
CSS
1 vote204 views2 answers
Css button style rectangle
CSS
0 vote203 views1 answer
Custom horizontal scrollbar css
CSS
0 vote200 views1 answer
Css media query overflow
CSS
0 vote187 views1 answer
Css calc function
CSS
35 votes190 views2 answers
How to blur background color in css
CSS
11 votes191 views3 answers
Filter for css white color
CSS
53 votes187 views6 answers
Css transparent background image
CSS
1 vote176 views1 answer
The user specified as a definer does not exist
CSS
22 votes201 views3 answers
Remove styling from a tag
CSS