使用CSS填充滚动条的宽度

Question

我在滚动div上方有一个标题div，我想在右侧填充与滚动条相同宽度的标题。我知道我可以使用JavaScript来计算滚动条宽度，但我想知道是否有纯CSS方法来执行此操作？

修改

更复杂的是，如果返回的结果很少，因此滚动div不会产生滚动条，那么我也希望标题不会被填充。我不确定是否只使用CSS，但认为值得问。

Answer 1

＆＃34;强迫＆＃34;一个overflow-y:scroll然后让它不可见？

#myDiv{
  overflow-y:scroll;
}
#myDiv::-webkit-scrollbar {
  opacity:0;
}

A CodePen

我必须提到我才有这个想法...... 您必须测试它的浏览器兼容性。

Answer 2

似乎所有主流浏览器都具有相同的宽度，无需计算：

http://www.textfixer.com/tutorials/browser-scrollbar-width.php

将它放在CSS中是否可以接受？