如何更改水平滚动条的宽度。我要比div尺寸减小宽度。（不希望宽度为100％）
可以使用end和start滚动条轨迹条的自定义来完成。
实际上，您可以使起点和终点不可见，并在其上设置较大的边距，这会将可用滚动条的宽度减小到所需的大小。
您可以通过更改和件margin上的来修改位置和宽度。startend
请参见以下演示：
.container {
width: 300px;
}
.inner {
display: flex;
overflow-x: scroll;
}
.inner::-webkit-scrollbar {
height: 5px;
}
.inner::-webkit-scrollbar-thumb {
background-color: blue;
}
.inner::-webkit-scrollbar-track-piece:end {
margin-right: 50px;
}
.inner::-webkit-scrollbar-track-piece:start {
margin-left: 50px;
}<div class="container">
<div class="inner">
<div>Hello</div>
<div>Hello</div>
<div>Hello</div>
<div>Hello</div>
<div>Hello</div>
<div>Hello</div>
<div>Hello</div>
<div>Hello</div>
<div>Hello</div>
<div>Hello</div>
<div>Hello</div>
<div>Hello</div>
<div>Hello</div>
<div>Hello</div>
<div>Hello</div>
<div>Hello</div>
<div>Hello</div>
<div>Hello</div>
<div>Hello</div>
<div>Hello</div>
<div>Hello</div>
</div>
</div>本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
我来说两句