<!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf8" /> <title>demo</title> <style type="text/css"> body { margin: 0; } #main{ height: 1000px; } #footer { background: #00A2EA; 100%; height: 50px; position: fixed; bottom: 0; } </style> </head> <body> <div id="main"></div> <div id="footer"> </div> </body> </html>