html - 滚动表格单元格 - 但仅在必要时

Question

我想显示一个只包含 2 个单元格的表格 - 在左侧，有一个（固定大小）图像，在右侧，一个动态填充的项目列表，这意味着它通常比图像的高度 - 所以它应该具有滚动功能。

到目前为止效果很好 - 除了即使“列表”为空也有滚动条这一事实。有没有办法只在必要时才显示滚动条？我知道我想要很多。8-) ..

这是我当前的代码：

<div style="width:100%; height:400px;">
    <div id="image" style="float:left; width:540px; height:400px"></div>
    <div id="items" style="float:left; height:400px; overflow:scroll; width:20%;"></div>
</div>

Answer 1

您可以仅在需要时使用 使容器可滚动overflow: auto;。

这是一个例子：http: //jsfiddle.net/ZHEHT/