/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 vote342 views2 answers
Hoq to give paragraph color css
CSS
0 vote340 views2 answers
Css großbuchstaben erzwingen
CSS
6 votes343 views2 answers
Css make text transparent
CSS
14 votes316 views3 answers
Css multiple classes same rule
CSS
1 vote337 views1 answer
How to write if condition in css
CSS
39 votes313 views2 answers
Font size x large in css
CSS
-1 vote322 views1 answer
How to use a blank space with grid template areas css
CSS
5 votes356 views1 answer
Make div the size of the text inside
CSS
4 votes316 views2 answers
Background image with color overlay gradient css
CSS
0 vote327 views1 answer
Position absolute above everything
CSS