How do I put footer at bottom of page? code example

Example 1: how to get my footer to the bottom of the page using css

#page-container {
  position: relative;
  min-height: 100vh;
}

#content-wrap {
  padding-bottom: 2.5rem;    /* Footer height */
}

#footer {
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 2.5rem;            /* Footer height */
}

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

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