/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

6 votes287 views6 answers
Console.log with color font
CSS
0 vote304 views1 answer
Prevent css animation reset
CSS
5 votes293 views1 answer
Css animate flashing
CSS
0 vote288 views1 answer
Nuxt JisonLexerError: Lexical error on line 1: Unrecognized text.
CSS
0 vote288 views2 answers
Color changes in safari css
CSS
2 votes272 views2 answers
Slick arrow css
CSS
0 vote280 views2 answers
How to Reveal Content on Hover with Expanding Corner Tabs in Divi
CSS
0 vote266 views1 answer
The Sass .sass file is visually different from .scss file, e.g. Example.scss - sassy css is the new syntax as of Sass 3
CSS
0 vote290 views1 answer
Hiding button border when clicked
CSS
0 vote313 views2 answers
Hide Categories - Woocommerce Product Page
CSS