HTML固定表头Table 简单实现

IE:
<div style="height: 250px; overflow: auto;">
<table border=1>
    <tr  style="background-color:red;position:relative;top:expression(this.offsetParent.scrollTop);">
        <th>
            head
        </th>
    </tr>   
   。。。。。。。
</table>
</div>

firefox:
<div style="height: 250px; overflow: auto;">
<table border=1>
    <tr  style="position:fixed;background-color:red;">
        <th>
            head
        </th>
    </tr>   
   。。。。。。。
</table>
</div>

如果有一些空隙   请使用padding 调节。在IE中也可以 top:expression(this.offsetParent.scrollTop-2)这样调节。

此条目发表在technologys分类目录,贴了标签。将固定链接加入收藏夹。