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

时间:2013-01-11 12:53:00

标签: html css-tables

我想显示一个只包含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>

1 个答案:

答案 0 :(得分:1)

只有在必要时才能使用overflow: auto;使容器可滚动。

以下是一个示例:http://jsfiddle.net/ZHEHT/