滚动表格单元格 - 但只有在必要时

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/