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

我有一个 div 容器,它的样式定义如下:

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

一旦我填充了这个 div 包含的表格,这就会自动给我水平和垂直滚动条。 我只想自动出现水平滚动条。我将以编程方式修改表格的高度。

我该怎么做?

最佳答案

您不应该同时使用水平和垂直滚动条,除非您使内容足够大以需要它们。

但是,由于错误,您通常在 IE 中执行此操作。检查其他浏览器(Firefox 等),看看实际上是否只有 IE 这样做。

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

overflow: auto;
overflow-y: hidden;

您可能还需要为 IE8 添加:

-ms-overflow-y: hidden;

因为微软威胁要在 IE8 标准模式下将所有 pre-CR-standard 属性移动到他们自己的“-ms”框中。 (如果他们一直这样做的话,这是有道理的,但现在对每个人来说都是一种不便。)

另一方面,IE8 完全有可能修复了这个错误。

https://stackoverflow.com/questions/258372/

相关文章:

html - 无法滚动到溢出容器的 flex 元素的顶部

javascript - 禁用href标签

html - 如何使 HTML 表格的内容居中?

html - 为什么单选按钮不能是 "readonly"?

javascript - 获取文本输入字段中的光标位置(以字符为单位)

css - 有没有办法使用 CSS 使子 DIV 的宽度比父 DIV 宽?

angularjs - 使用 AngularJS HTML5 模式重新加载页面会给出错误的 GET

jquery - 如何使用 css 或 jquery 在焦点上自动隐藏占位符文本?

html - 使用开发者工具检查 webkit-input-placeholder

HTML 编码问题 - 显示 "Â"字符而不是 " "