How to make a stick footer in css.

footer.html

// layouts/application.html.erb
 
<div class="page-wrap">
  <div class="container">
    <%= yield %>
  </div>
</div>
 
<footer>
  Content here...
</footer>

// SCSS
 
$footerHeight: 40px;
 
html, body { height: 100%; }
 
.page-wrap {
  min-height: 100%;
  margin-bottom: -$footerHeight;
 
  &:after {
    content: "";
    display: block;
  }
}
 
footer {
  line-height: $footerHeight;
}
 
footer,
.page-wrap:after { height: $footerHeight; }