css 滚动条位置怎么修改

问题遇到的现象和发生背景

问题相关代码，请勿粘贴截图

::-webkit-scrollbar {
width: 10px;
height: 10px;
background: #0e0c0c; /可以设置轨道颜色/
padding-right: 2px;
position: relative;
right: 20px !important;
}

运行结果及报错内容

可以设置宽度等属性 但是不支持定位和margin等

我的解答思路和尝试过的方法

我想要达到的结果

把滚动的盒子的margin换成padding试试 保证盒子的右边位置贴着屏幕最右边就行