Live
<div class="g-container"> <div class="g-real-box"> <p>Sticky Footer</p> </div></div><div class="g-footer"></div>
Live
x
html,body { width: 100%; height: 100%;}.g-container { width: 100%; min-height: 100%; margin-bottom: -30px;}.g-real-box { padding-bottom: 30px;}.g-footer { height: 30px; background: deeppink;}p { line-height: 200px; text-align: center; background: #ddd;}
External CSS
This Pen doesn't use any external CSS resources.
External JavaScript
This Pen doesn't use any external JavaScript resources.