/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

-2 votes208 views1 answer
Add css dynamically in angular 6
CSS
0 vote219 views1 answer
Understanding '+' sign in css selector
CSS
-1 vote239 views1 answer
Focus on input change label color
CSS
0 vote262 views1 answer
React use global css
CSS
0 vote238 views1 answer
Hide featured image in wordpress
CSS
0 vote251 views1 answer
Increase the distance between paragraphs css
CSS
2 votes226 views1 answer
Css transition syntax
CSS
0 vote228 views1 answer
Table tr sortable helper css
CSS
0 vote236 views1 answer
AITpro maintenance mode CSS
CSS
0 vote220 views1 answer
How to use class form scss reactjs
CSS