Answers for "react footer bottom"

keep footer at bottom of page

#footer {
  position: relative;
  margin-top: -180px;
  /* negative value of footer height */
  height: 180px;
  clear: both;
 /*Custom styling*/
}

/* Opera Fix thanks to Maleika (Kohoutec) */

body:before {
  content: "";
  height: 100%;
  float: left;
  width: 0;
  margin-top: -32767px;
  /* thank you Erik J - negate effect of float*/
}

how to set footer to bottom of page in react js

In this way you can easily set footer to bottom no matter how much content is present in body 


apply this line of css code to parent element:
#app{
  display: flex;
  flex-direction: column;
  height: 100vh;
}


and apply this line of single code to your footer which must be direct child of parent element 
.footer{
  margin-top: auto;
}

place footer at the bottom of the page react

position:absolute;
left:0;
bottom:0;
right:0;

place footer at the bottom of the page react

height: calc(100% - 60px);

place footer at the bottom of the page react

padding-bottom:60px;