CSS使滚动条走在Div的顶部，而不是使其更小

Question

我试图非常精确地设计一个div的样式，但滚动条正在变得越来越困难。该div有一个20px的填充权。当滚动条出现在右侧时，它会挤压div。

相反，我想让滚动条占据一些填充空间。这是可能的CSS样式（不是Javascript检查和操纵）？

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

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

Answer 1

2的方法来做到这一点：

div { 
    box-sizing: border-box; 
} 

或：

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

其中100％是div宽度和20像素是填充值，减少了总的;