Cacher is the code snippet organizer for pro developers

html, body {
  height: 100%;
}

#site-wrapper {
  min-height: 100%;
  /* equal to default footer height */
  margin-bottom: -152px;
}

#site-wrapper:after {
  content: "";
  display: block;
}

.site-footer, #site-wrapper:after {
  min-height: 152px;
}

<div class="page-wrap">
  
  Content!
      
</div>

<footer class="site-footer">
  I'm the Sticky Footer.
</footer>