<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <title>上下层测试</title> <style type="text/css"> <!-- *{ margin:0px; padding:0px; } html,body{ height:100%; } * html, * html body { overflow: hidden; /*隐藏IE的默认滚动条的宽度*/ } #bodyDiv{ width:100%; height:100%; } #topDiv{ height:88%; background:#ccc; border:1px solid #000; overflow:auto; /*溢出的时候显示滚动条为 auto */ } #bottomDiv{ height:12%; background:#f4f4f4; border:1px solid #F00; margin-top:-4px; overflow:auto; } h3{ font-size:14px; font-weight:bold; } --> </style> </head> <body> <div id="bodyDiv"> <div id="topDiv"><h3>上面的</h3> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /> </div> <div id="bottomDiv"><h3>下面的</h3></div> </div> </body> </html> </body> </html>
