/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 votes155 views1 answer
Css edit scroll bar
CSS
4 votes190 views4 answers
Composer rollback to v1
CSS
4 votes158 views3 answers
Css image cover
CSS
0 vote151 views1 answer
Css text elipsis after width
CSS
3 votes234 views1 answer
Media queries css not working for mobile
CSS
17 votes151 views1 answer
Css flex center horizontally and vertically
CSS
2 votes155 views1 answer
Blue outline after click when in mobile view
CSS
0 vote185 views1 answer
Cl image tag width
CSS
0 vote158 views2 answers
Background image syntax in css if it in folder
CSS
0 vote249 views1 answer
How to create a dotted hr
CSS