css横向滚动条？横向滚动条怎么去掉

编程之家2026-05-24900次浏览

本篇文章给大家谈谈css横向滚动条，以及横向滚动条怎么去掉对应的知识点，文章可能有点长，但是希望大家可以阅读完，增长自己的知识，最重要的是希望对各位有所帮助，可以解决了您的问题，不要忘了收藏本站喔。

1、新建html文件。

2、创建大盒子和它的宽度。

3、创建头部盒子。

4、创建左边菜单盒子。

5、创建右边内容盒子。

6、预览效果如图。

注意事项：

DIV是层叠样式表中的定位技术，全称DIVision，即为划分。有时可以称其为图层。 DIV元素是用来为HTML（标准通用标记语言下的一个应用）文档内大块（block-level）的内容提供结构和背景的元素。

在css设置可改变大小的div滚动条样式方法：

1.首先新建html文档，进入代码书写界面。

2.在</head>和<body>的里面写入代码，在<div>里面写入想要输入的内容</div>。

3.书写外层轨道css代码。body::-webkit-scrollbar{ width:20px; height:2px; background:#ccc; border-radius:10px;/*外层轨道*/}

这里主要是设置外层轨道的形状和颜色。

4.书写内层轨道css代码。body::-webkit-scrollbar-thumb{ display:block; width:6px; margin:0 auto; border-radius: 10px; background:red;/*内层轨道*/}

这里主要是设置内层轨道的形状和颜色。

5.代码工作做完后，就可以查看效果，效果如下红框所示，滚动条设置完成。

不行的，css做不到，css只支持改下滚动条颜色什么的，而且好像只有ie支持(貌似wk的浏览器也有改滚动条颜色的专用样式，我不确定，只是有印象见哪里说过)。

要改宽度，你只能用css隐藏掉默认滚动条，然后用javascript来模拟滚动条，那个你话样子的想怎么改都怎么改。

百度：js模拟滚动条、jq模拟滚动条，之类的关键词。

好了，关于css横向滚动条和横向滚动条怎么去掉的问题到这里结束啦，希望可以解决您的问题哈！