/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 vote124 views2 answers
Curved lines css
CSS
20 votes133 views3 answers
Align items center in grid
CSS
47 votes154 views6 answers
Css nth child
CSS
0 vote223 views1 answer
Top down gradient css on body
CSS
94 votes118 views2 answers
Css code to make text bold
CSS
1 vote117 views1 answer
Html details summary marker remove
CSS
34 votes126 views2 answers
Box position in center css
CSS
0 vote146 views1 answer
Aligning form elements to center in css
CSS
0 vote129 views1 answer
How to include css in handlebars
CSS
0 vote133 views1 answer
Grape change status code
CSS