css - 如何让这个功能发挥作用

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 表格 {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