<html> <head> <title>表头固定</title> <style type="text/css"> /*表头样式*/ .scll { position: relative; top: expression(this.offsetParent.scrollTop); background-color: #BCF4EC; text-align: center; vertical-align: middle; text-indent: 5px; }
/*div样式*/ .h_500 { 600px; overflow: auto; height: 500px;/**根据具体的屏幕分辨率调整*/ border: 0px; }
/*细线表格*/ .TABLE { margin-top: 0px; margin-bottom: 3px; margin-bottom: 3px; border-top: 0px; border-bottom: 1px solid silver; } </style> </head> <body> <div style="text-align: center;"> <div class="h_500"> <table class="TABLE"> <tr class="scll"><th width="100px">头</th><th width="100px">头</th><th width="100px">头</th><th width="100px">头</th><th width="100px">头</th><th width="100px">头</th></tr> <tr><td>body</td><td>body</td><td>body</td><td>body</td><td>body</td><td>body</td></tr> <tr><td>body</td><td>body</td><td>body</td><td>body</td><td>body</td><td>body</td></tr> <tr><td>body</td><td>body</td><td>body</td><td>body</td><td>body</td><td>body</td></tr> <tr><td>body</td><td>body</td><td>body</td><td>body</td><td>body</td><td>body</td></tr> <tr><td>body</td><td>body</td><td>body</td><td>body</td><td>body</td><td>body</td></tr> <tr><td>body</td><td>body</td><td>body</td><td>body</td><td>body</td><td>body</td></tr> <tr><td>body</td><td>body</td><td>body</td><td>body</td><td>body</td><td>body</td></tr> <tr><td>body</td><td>body</td><td>body</td><td>body</td><td>body</td><td>body</td></tr> <tr><td>body</td><td>body</td><td>body</td><td>body</td><td>body</td><td>body</td></tr> <tr><td>body</td><td>body</td><td>body</td><td>body</td><td>body</td><td>body</td></tr> <tr><td>body</td><td>body</td><td>body</td><td>body</td><td>body</td><td>body</td></tr> <tr><td>body</td><td>body</td><td>body</td><td>body</td><td>body</td><td>body</td></tr> <tr><td>body</td><td>body</td><td>body</td><td>body</td><td>body</td><td>body</td></tr> <tr><td>body</td><td>body</td><td>body</td><td>body</td><td>body</td><td>body</td></tr> <tr><td>body</td><td>body</td><td>body</td><td>body</td><td>body</td><td>body</td></tr> <tr><td>body</td><td>body</td><td>body</td><td>body</td><td>body</td><td>body</td></tr> <tr><td>body</td><td>body</td><td>body</td><td>body</td><td>body</td><td>body</td></tr> <tr><td>body</td><td>body</td><td>body</td><td>body</td><td>body</td><td>body</td></tr> <tr><td>body</td><td>body</td><td>body</td><td>body</td><td>body</td><td>body</td></tr> <tr><td>body</td><td>body</td><td>body</td><td>body</td><td>body</td><td>body</td></tr> <tr><td>body</td><td>body</td><td>body</td><td>body</td><td>body</td><td>body</td></tr> <tr><td>body</td><td>body</td><td>body</td><td>body</td><td>body</td><td>body</td></tr> <tr><td>body</td><td>body</td><td>body</td><td>body</td><td>body</td><td>body</td></tr> <tr><td>body</td><td>body</td><td>body</td><td>body</td><td>body</td><td>body</td></tr> <tr><td>body</td><td>body</td><td>body</td><td>body</td><td>body</td><td>body</td></tr> <tr><td>body</td><td>body</td><td>body</td><td>body</td><td>body</td><td>body</td></tr> <tr><td>body</td><td>body</td><td>body</td><td>body</td><td>body</td><td>body</td></tr> <tr><td>body</td><td>body</td><td>body</td><td>body</td><td>body</td><td>body</td></tr> <tr><td>body</td><td>body</td><td>body</td><td>body</td><td>body</td><td>body</td></tr> <tr><td>body</td><td>body</td><td>body</td><td>body</td><td>body</td><td>body</td></tr> <tr><td>body</td><td>body</td><td>body</td><td>body</td><td>body</td><td>body</td></tr> <tr><td>body</td><td>body</td><td>body</td><td>body</td><td>body</td><td>body</td></tr> <tr><td>body</td><td>body</td><td>body</td><td>body</td><td>body</td><td>body</td></tr> <tr><td>body</td><td>body</td><td>body</td><td>body</td><td>body</td><td>body</td></tr> <tr><td>body</td><td>body</td><td>body</td><td>body</td><td>body</td><td>body</td></tr> <tr><td>body</td><td>body</td><td>body</td><td>body</td><td>body</td><td>body</td></tr> <tr><td>body</td><td>body</td><td>body</td><td>body</td><td>body</td><td>body</td></tr> <tr><td>body</td><td>body</td><td>body</td><td>body</td><td>body</td><td>body</td></tr> <tr><td>body</td><td>body</td><td>body</td><td>body</td><td>body</td><td>body</td></tr> <tr><td>body</td><td>body</td><td>body</td><td>body</td><td>body</td><td>body</td></tr> <tr><td>body</td><td>body</td><td>body</td><td>body</td><td>body</td><td>body</td></tr> <tr><td>body</td><td>body</td><td>body</td><td>body</td><td>body</td><td>body</td></tr> <tr><td>body</td><td>body</td><td>body</td><td>body</td><td>body</td><td>body</td></tr> <tr><td>body</td><td>body</td><td>body</td><td>body</td><td>body</td><td>body</td></tr> <tr><td>body</td><td>body</td><td>body</td><td>body</td><td>body</td><td>body</td></tr> <tr><td>body</td><td>body</td><td>body</td><td>body</td><td>body</td><td>body</td></tr> <tr><td>body</td><td>body</td><td>body</td><td>body</td><td>body</td><td>body</td></tr> <tr><td>body</td><td>body</td><td>body</td><td>body</td><td>body</td><td>body</td></tr> <tr><td>body</td><td>body</td><td>body</td><td>body</td><td>body</td><td>body</td></tr> <tr><td>body</td><td>body</td><td>body</td><td>body</td><td>body</td><td>body</td></tr> <tr><td>body</td><td>body</td><td>body</td><td>body</td><td>body</td><td>body</td></tr> <tr><td>body</td><td>body</td><td>body</td><td>body</td><td>body</td><td>body</td></tr> <tr><td>body</td><td>body</td><td>body</td><td>body</td><td>body</td><td>body</td></tr> <tr><td>body</td><td>body</td><td>body</td><td>body</td><td>body</td><td>body</td></tr> <tr><td>body</td><td>body</td><td>body</td><td>body</td><td>body</td><td>body</td></tr> <tr><td>body</td><td>body</td><td>body</td><td>body</td><td>body</td><td>body</td></tr> <tr><td>body</td><td>body</td><td>body</td><td>body</td><td>body</td><td>body</td></tr> <tr><td>body</td><td>body</td><td>body</td><td>body</td><td>body</td><td>body</td></tr> <tr><td>body</td><td>body</td><td>body</td><td>body</td><td>body</td><td>body</td></tr> <tr><td>body</td><td>body</td><td>body</td><td>body</td><td>body</td><td>body</td></tr> <tr><td>body</td><td>body</td><td>body</td><td>body</td><td>body</td><td>body</td></tr> <tr><td>body</td><td>body</td><td>body</td><td>body</td><td>body</td><td>body</td></tr> <tr><td>body</td><td>body</td><td>body</td><td>body</td><td>body</td><td>body</td></tr> <tr><td>body</td><td>body</td><td>body</td><td>body</td><td>body</td><td>body</td></tr>
</table> </div> </div> </body> </html>