如何在 CSS Div 元素中仅显示水平滚动条？

如何仅在 CSS Div 元素中显示水平滚动条

您有一个具有以下 CSS 样式的 div 容器：

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

当您填充 div 中包含的表格时，此样式会自动显示水平和垂直滚动条。但是，您只希望自动显示水平滚动条，从而让您以编程方式修改表格的高度。

预期的行为是仅当内容足够大而需要水平滚动条时才具有水平滚动条。但是，您主要在 Internet Explorer (IE) 中遇到此问题，原因是存在错误。在 Firefox 等其他浏览器中进行验证将有助于隔离问题。

从 IE6-7 开始，您可以使用建议的 CSS3 扩展独立设置滚动条：

overflow: auto;
overflow-y: hidden;

为了兼容 IE8 ，您可能还需要添加：

-ms-overflow-y: hidden;

Microsoft 将 CR 标准之前的属性分离为自己的属性IE8 标准模式中的“-ms”框。

最终，IE8 可能已经解决了此错误，但使用这些属性为 IE6-7 或更早版本提供了解决方法。

以上是如何在 CSS Div 元素中仅显示水平滚动条？的详细内容。更多信息请关注PHP中文网其他相关文章！