[ CSS ] 如何隐藏滚动条,又不失去滚动功能( 两行代码 )

网上隐藏滚条的回答看似很多,但我发现多数都是CV大法...
今天我就遇到了这样的问题

前段时间用React自己封装了个Table组件.因缺乏样式,导致TableHeader和TableBody没有对齐...
强迫症发作-想要把这个Scroll-y干掉又不失去原有的滚动功能
<hr/>

解决思路:

1:滚动条宽度是固定的(一般我是直接设置了滚动条宽度,跳转链接:https://www.cnblogs.com/yclblog/p/6806496.html
)
2.要隐藏滚动条的父元素设置 溢出隐藏
3.携带滚动条的元素设置宽度 自身宽度+滚动条宽度

<hr/>

伪代码:

.box{
    overflow:hidden;
    }
    
.hidden-scroll{
    width:calc(100% + 17px); /* 这里我设置了17px的固定滚动条宽度 */
    }

<hr/>

如果有大佬看到了希望多给点建议...
OVER...