/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

13 votes370 views2 answers
How to add background in css
CSS
0 vote343 views1 answer
Z index div over cursor
CSS
17 votes374 views3 answers
Css hover mouse hand
CSS
0 vote370 views1 answer
Css outline shorthand
CSS
0 vote369 views3 answers
Navigation sidebar animated
CSS
7 votes394 views2 answers
Rem vs em
CSS
0 vote374 views1 answer
Capitalize the first letter of string using CSS
CSS
9 votes383 views2 answers
Background css
CSS
6 votes360 views2 answers
Css last child with class
CSS
1 vote373 views1 answer
Change mat icon size
CSS