Funciona muy bien si puede aplicar una altura fija al pie de página.
<div class="page-wrap">
Content!
</div>
<footer class="site-footer">
I'm the Sticky Footer.
</footer>
* {
margin: 0;
}
html, body {
height: 100%;
}
.page-wrap {
min-height: 100%;
/* equal to footer height */
margin-bottom: -142px;
}
.page-wrap:after {
content: "";
display: block;
}
.site-footer, .page-wrap:after {
height: 142px;
}
.site-footer {
background: orange;
}
Vea el pie de página Pen Sticky de Chris Coyier (@chriscoyier) en CodePen.
(Visited 5 times, 1 visits today)