/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 vote286 views1 answer
Css youtube video get rid of black border
CSS
23 votes301 views4 answers
Css gradient border
CSS
3 votes265 views1 answer
Responsive flexbox in css
CSS
29 votes292 views6 answers
Box-shadow
CSS
10 votes270 views1 answer
Install code command on mac
CSS
0 vote287 views1 answer
Css locks
CSS
-1 vote295 views1 answer
Select box arrow hide css in ie
CSS
73 votes258 views6 answers
Flexbox in css
CSS
164 votes359 views6 answers
Css bold
CSS
1 vote296 views1 answer
Sass calculate and concat pixels
CSS