Answers for "css put footer at bottom of page"

set footer element at bottom

<html>
<title>Set footer bottom</title>
<body>
<footer style = "position: absolute;bottom: 0;">copyright @2021</footer>
</body>
</html>

Posted by: Guest on July-17-2021

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*/
}

Posted by: Guest on November-16-2020

Source