juliusgromyko

Если футер фиксированного размера, скажем 10em, то можно вот так:

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

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

* {
  margin: 0;
}
html, body {
  height: 100%;
}
.page-content {
  min-height: 100%;
  margin-bottom: -10em; 
}
.page-content:after {
  content: "";
  display: block;
}
.page-footer, .page-content:after {
  height: 10em; 
}
.page-footer {
  background: orange;
}