ページ全体の横幅を指定し、指定領域外へはみ出た要素によってスクロールバーがでるのを防ぐ
<!DOCTYPE html> <html> <head> <meta charset="utf-8" > <title></title> <style> #container{position:relative;overflow:hidden;min-height:1000px;min-width:960px/*任意の横幅*/;} #box{position:absolute;left:960px;width:100px;height:100px;background:#aaa;} </style> </head> <body> <div id="container"> <div id="box"></div> </div> </body> </html> });
要素はすべて#containerでかこむ。