<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>用CSS制作有滾動條的居中彈出框www.mb5u.com</title> <style> *{ padding:0px; margin:0px; } body,html{height:100%; width:100%;} html{overflow:hidden;} body{overflow-y:auto } .display{ position:absolute; left:50%; top:50%; height:300PX; width:500PX; margin-left:-250PX; margin-top:-150PX; border:1PX solid #F00;} </style> </head> <body> <DIV style="height:2000PX;">測試滾動</DIV> <DIV style="height:2000PX;">測試滾動www.mb5u.com</DIV> <DIV style="height:2000PX;">測試滾動</DIV> <div class="display"></div> </body> </Html>