<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <style type="text/css"> *{ margin: 0; padding: 0; } html,body{ height: 100%; overflow: hidden; } #wrap{ height: 100%; border: 1px solid deeppink; overflow: auto; } #pink{ position: absolute; left: 0; top: 0; width: 200px; height: 200px; background: pink; } </style> </head> <body> <div id="wrap"> <div id="pink"></div> <div id="test" style="height: 3000px;"></div> </div> </body> </html>