Question

大家好，

我正在开发一个网页，我在其中使用表格来显示内容。在表格中，我有一个标题部分和一个内容部分。

HTML：

<div style="height:100px;overflow:auto;">
<table>
<thead>
 <tr>
  <td>ID</td>
  <td>Name</td>
  <td>Address</td>
 </tr>
</thead>
<tbody>
 <tr>
  <td>1</td>
  <td>Test Name</td>
  <td>Test Address</td>
 </tr>
  <tr>
  <td>2..</td>
  <td>Test Name1..</td>
  <td>Test Address123..</td>
 </tr>
 <tr>
  <td>1</td>
  <td>Test Name</td>
  <td>Test Address</td>
 </tr>
  <tr>
  <td>2..</td>
  <td>Test Name1..</td>
  <td>Test Address123..</td>
 </tr>
<tr>
  <td>1</td>
  <td>Test Name</td>
  <td>Test Address</td>
 </tr>
  <tr>
  <td>2..</td>
  <td>Test Name1..</td>
  <td>Test Address123..</td>
 </tr>
<tr>
  <td>1</td>
  <td>Test Name</td>
  <td>Test Address</td>
 </tr>
  <tr>
  <td>2..</td>
  <td>Test Name1..</td>
  <td>Test Address123..</td>
 </tr>
<tr>
  <td>1</td>
  <td>Test Name</td>
  <td>Test Address</td>
 </tr>
  <tr>
  <td>2..</td>
  <td>Test Name1..</td>
  <td>Test Address123..</td>
 </tr>
<tr>
  <td>1</td>
  <td>Test Name</td>
  <td>Test Address</td>
 </tr>
  <tr>
  <td>2..</td>
  <td>Test Name1..</td>
  <td>Test Address123..</td>
 </tr>
<tr>
  <td>1</td>
  <td>Test Name</td>
  <td>Test Address</td>
 </tr>
  <tr>
  <td>2..</td>
  <td>Test Name1..</td>
  <td>Test Address123..</td>
 </tr>
<tbody>
</table>
</div>

CSS：

thead tr   { 
position:relative; 
top: expression(offsetParent.scrollTop); 
}

当记录数量增加到一定限度时，我想使标题部分保持静态。这意味着它不应该向下滚动记录。

我正在使用上面的CSS代码，但它不起作用。任何人都可以建议我更好的方法吗？我正在使用IE9。

谢谢， Arvind的。

Answer 1

您应该使用position: absolute或position: fixed。

位置：相对不在IE9中工作？

1 个答案: