* { margin: 0; padding: 0; } html, body{ height: 100%; } p{ background: #ff00ff; height: 100px; } .content{ min-height: 100%; position: relative; } .space{ height: 50px; } .footer{ height: 50px; width: 100%; background: #3399cc; position: absolute; bottom: 0; }