Sticky footer with table display

sticky-footer.html

<div class="wrap">
  <header></header>

  <article></article>

  <footer></footer>
</div>

style.css

html, body, .wrap, article {
  height: 100%;
}
.wrap {
  display: table;
  width: 100%;
}
header, article, footer {
  display: table-row;
}