Question

我有一些div，里面有几个表格如下

<div id="div1">
  <div id="div2">
        <div id="div3">
            <table id="table1"><tr><td></td></tr></table>
            <table id="table2">
                <tr></td></td></td></td></tr>
                <tr></td></td></td></td></tr>
            </table>
        </div>
  </div>

</div>

当table2有很多行时，我在css中使用overflow来显示水平滚动条。这个滚动条我正在应用于div2，所以当我们滚动时，table1也会向下滚动。如何确保table1始终是固定的，也就是说，它不向下滚动？

非常感谢

Answer 1

的CSS table {max-height：200px;}

tbody {
 height: 180px;
 overflow:auto;
}

HTML

<table id="table2">
 <tbody>
  <tr></td></td></td></td></tr>
  <tr></td></td></td></td></tr>
 <tbody>
</table>

有关详细说明，请参阅：http://www.imaputz.com/cssStuff/bigFourVersion.html

如何使此功能工作

1 个答案: