css 只显示横向滚动条 |html 选项卡切换 css

要实现只显示横向滚动条，大家可以使用一种叫做overflow-x的CSS属性。该属性指定一个元素的水平溢出内容如何处理，有以下三个值：

overflow-x: visible; // 溢出内容可见
overflow-x: hidden; // 溢出内容隐藏
overflow-x: scroll; // 溢出内容出现滚动条

要实现只显示横向滚动条，大家可以将overflow-x设置为scroll，同时将overflow-y设置为hidden。这样，当内容溢出元素的宽度时就会出现横向滚动条，而不会影响纵向滚动条。

div {
width: 300px;
height: 200px;
overflow-x: scroll;
overflow-y: hidden;
}

上述代码将元素div的宽度设置为300px，高度设置为200px，并将overflow-x设置为scroll，overflow-y设置为hidden。这样，当内容溢出div的宽度时就会出现横向滚动条，而不会出现纵向滚动条。

总之，大家可以使用CSS的overflow-x属性来实现只显示横向滚动条。对于需要在网页中实现横向滚动的场景，这是非常实用的一种技巧。