一尘不染

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

html

我有一个div容器,其定义如下:

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

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

我该怎么做呢?


阅读 1198

收藏
2020-05-10

共1个答案

一尘不染

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

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

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

overflow: auto;
overflow-y: hidden;

您可能还需要为IE8添加:

-ms-overflow-y: hidden;

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

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

2020-05-10