CSS 使滚动条位于 Div 之上而不是使其变小

Question

我正在尝试非常准确地设置 div 的样式，但滚动条妨碍了。 div 的 padding-right 为 20px。当滚动条出现在右侧时，它会挤压 div.

相反，我希望滚动条占据一些填充 space。 CSS 样式（不是 Javascript 检查和操作）可能吗？

编辑：有些事情我不能做：

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

Answer 1

2 种方法：

div {
  box-sizing: border-box;
}

或：

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

其中 100% 是 div 宽度，20px 是填充值，减少了总值；