/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 vote266 views1 answer
Tailwindcss init full
CSS
88 votes314 views6 answers
Css border radius
CSS
0 vote194 views1 answer
Get size of each file and folder in a directory
CSS
0 vote271 views1 answer
Flex box divs squeeze together
CSS
0 vote193 views1 answer
Css content from data attribute
CSS
0 vote213 views1 answer
Css !important
CSS
5 votes203 views3 answers
Background-image linear gradient and border radius
CSS
1 vote199 views2 answers
Show hidden message html
CSS
18 votes306 views5 answers
Col-md-6 bootstrap
CSS Bootstrap
0 vote201 views1 answer
Css input not clickable
CSS