CSS div元素-如何仅显示水平滚动条？

Question

我有一个div容器，其定义如下：

div#tbl-container 
{
    width: 600px;   
    overflow: auto;    
    scrollbar-base-color:#ffeaff
}

填充此div包含的表格后，这将自动为我提供水平和垂直滚动条。我只希望只自动显示水平滚动条。我将以编程方式修改桌子的高度。

我该怎么做呢？

Answer 1

除非使内容足够大以至于不能使用它们，否则不应同时获得水平和垂直滚动条。

但是，由于错误，您通常在IE中进行操作。签入其他浏览器（Firefox等）以查明是否实际上只有IE在执行此操作。

IE6-7（在其他浏览器中）支持建议的CSS3扩展，以独立设置滚动条，您可以使用它来抑制垂直滚动条：

overflow: auto;
overflow-y: hidden;

您可能还需要为IE8添加：

-ms-overflow-y: hidden;

由于Microsoft威胁要在IE8标准模式下将所有CR之前的标准属性移动到自己的“
-ms”框中。（如果他们总是那样做的话，这是有道理的，但是对现在的每个人来说，这是一个不便。）

另一方面，IE8完全有可能反正修正了该错误。