css - 在 td 内滚动一个 div

Question

我想滚动第二个单元格中的 div。但它就是行不通! (在 Chrome 中试过)。有任何想法吗？提前致谢!

<style>
body{height:100%;overflow:hidden;}
</style>

<table width=100%>
<tr>
    <td id="menu">
        <div>
        ... 
        </div>
    </td>

    <td id="list">
        <div style="overflow:auto;">
        ... 
        </div>
    </td>

    <td id="details">
        <div>
        ...
        </div>
    </td>
</tr>
</table>

Answer 1

没有滚动的原因是单元格的高度与 DIV 容器一起自动调整。一切都需要设置高度才能滚动工作。请参阅我在下面制作的示例。

http://jsfiddle.net/QJW7w/