表数据不接受“溢出”样式属性

Question

请参阅example。 我向所有height:150px; overflow:auto;代码提供了<td>。在较少的内容，高度工作正常。对于更多内容垂直滚动条需要来。但它不适用于表格单元格。

如果我使用样式属性<div>在<td>标记内使用height:inherit; overflow:auto;，则表示滚动正常。

任何解决方案或原因都存在溢出的<td>代码？

请建议。

Answer 1

您好，如果您更改td display properties而不是它的工作

就像这样

td{
display: inline-block;
}

Answer 2

可以通过为您的TD风格指定display: block;和float: left;来解决

td { height:150px; overflow:auto; display: block; float: left; }

演示：http://jsbin.com/ofufuf/1/edit

Answer 3

表标记不直接支持溢出属性。

你必须按照你尝试的方式执行此操作，即必须在td中插入div，然后在该div中添加溢出。

<table> <tr> <td> <div style="height:100px;overflow:auto;">abc</div> </td> </tr> </table>