/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 vote253 views1 answer
Image right css
CSS
27 votes272 views4 answers
Unselectable text css
CSS
0 vote241 views1 answer
Css hollow circle
CSS
0 vote244 views1 answer
Css animation scale image
CSS
0 vote234 views1 answer
Text width tailwindcss
CSS
182 votes357 views6 answers
How to link css to html
CSS
1 vote289 views2 answers
Media min height css
CSS
51 votes241 views4 answers
Style scrollbar
CSS
0 vote243 views1 answer
Input readonly css
CSS
83 votes270 views4 answers
Css placeholder color
CSS