how to move footer to the bottom of the page? code example

Example 1: how to fix the footer at the bottom of the page

#footer {
   position:fixed;
   left:0px;
   bottom:0px;
   z-index:1;
   width:100%;
}

Example 2: how to keep footer bottom of the page css

.footerclass {
  background-color: #eeeeee;
  position: fixed;
  top: auto;
  bottom: 0;
  width: 100%;
  display: inline-block;
}