处理表中的溢出

Question

如果我有一个非常简单的例子：

table {
    table-layout:fixed;
    width:300px;
}

.td1 {
    width:100px;
}
.td2 {
    width:200px;
}

并且在我的.td2之一中包含一个图片，即300px中的width。我想显示滚动条，允许用户滚动查看所有内容。但是我不认为这是可能的，是吗？

所以我的问题是：

1. 除hidden之外还有其他选项可以处理表中的溢出吗？

2. 只有在内容超出设定宽度时才能显示滚动条吗？ （我发誓我已经在一些论坛软件中看到了它，但我不记得是哪一个）

Answer 1

怎么样？

overflow: auto

  

内容被裁剪并滚动   仅在必要时添加。

将图像放在表格单元格的div中，并使div的宽度和高度为td的100％并将其设置为溢出样式：auto

<style>
.test { width: 100%; height: 100%; overflow: auto; } 
</style>

<td>
<div class="test">
your image
</div>
</td>