CSS让Scrollbar在Div之上而不是让它变得更小

Question

我试图非常准确地设计一个div，但滚动条正在阻碍。 div的填充权为20px。当滚动条出现在右侧时，它会移动div。

相反，我希望滚动条占用一些填充空间。这样可以使用CSS样式（而不是Javascript检查和操作）吗？

编辑：我做不到的一些事情：

1. 使用JavaScript检查滚动条是否存在。
2. 为div设置固定宽度。

Answer 1

有两种方法：

div {
  box-sizing: border-box;
}

或：

div {
  width: calc(100% - 20px);
}

其中100％是div宽度，20px是填充值，减去总数;