/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

55 votes259 views4 answers
Hover effects css
CSS
0 vote267 views1 answer
Add image under header html
CSS
1 vote301 views1 answer
Css color of input
CSS
0 vote366 views1 answer
Easyui datagrid header font size
CSS
0 vote281 views1 answer
Font semi bold css
CSS
0 vote284 views1 answer
Curve bottom of square css
CSS
4 votes238 views2 answers
Css blink
CSS
0 vote254 views1 answer
Css orientations
CSS
0 vote316 views1 answer
Date icon color change
CSS
0 vote366 views3 answers
Bulma lowercase
CSS Bulma