Question

我有一个简单的div标签：我需要将thead固定在tbody之上。我需要将它们放在同一个div，同一个表中。使用下面的代码，我的标题是在身体上。我如何将tbody向下推几个凹口，所以当我滚动时，标题是固定的，只有身体移动

<div STYLE=" height: 120px; width: 100px; font-size: 12px; overflow: auto;">
  <table bgcolor="green">
    <thead style="position:fixed;">
        <tr><td bgcolor="#fafafa">hello</td></tr>
    </thead>
    <tbody >
   <tr><td bgcolor="#dadada">www.hioxindia.com</td></tr>
   <tr><td >maths.hscripts.com</td></tr>
   <tr><td bgcolor="#dadada">www.hscripts.com</td></tr>
   <tr><td>free php scripts</td></tr>
   <tr><td bgcolor="#dadada">www.hiox4u.com</td></tr>
   </tbody>
</table>
</div>

必须在IE上工作对于上面的div ...我需要在表格顶部添加带有固定标题的滚动。中间不应包含额外的div或表。我需要thead和tbody在同一个表中

Answer 1

使用您的代码作为基础，这是我在Chrome和IE10中测试过的jsfiddle，至少在那里工作。

的jsfiddle： http://jsfiddle.net/YbQzF/

代码：

<div STYLE=" height: 120px; width: 100px; font-size: 12px; overflow: auto;">
  <table bgcolor="green">
    <thead style="position: fixed">
        <tr><td bgcolor="#fafafa">hello</td></tr>
    </thead>
    <tbody style="overflow:scroll; max-height:100px; position:absolute; top:20px;">
   <tr><td bgcolor="#dadada">www.hioxindia.com</td></tr>
   <tr><td >maths.hscripts.com</td></tr>
   <tr><td bgcolor="#dadada">www.hscripts.com</td></tr>
   <tr><td>free php scripts</td></tr>
   <tr><td bgcolor="#dadada">www.hiox4u.com</td></tr>
   <tr><td>free php scripts</td></tr>
   <tr><td bgcolor="#dadada">www.hiox4u.com</td></tr>
   <tr><td>free php scripts</td></tr>
   <tr><td bgcolor="#dadada">www.hiox4u.com</td></tr>
...
   </tbody>
</table>
</div>

Answer 2

table { margin-top:-3em; }
thead { margin-top:-2em; }

在我的计算机上使用FF和Chrome。它是可怕的和hacky，我不赞成这个消息，但它的确有效。

在一个简单的div中修复body标记上方的标题

2 个答案: