文本太靠近滚动条。如何在滚动条和文本之间创建一点空间？

Question

我有一个div。当有一个大文本时，滚动器会出现在div的右侧。问题是滚动条和文本之间没有空格，看起来很糟糕。我想使用css在滚动条和文本之间留出一些空间。我怎么能这样做？

Answer 1

您可以在div中添加一些padding-right来稍微调整一下内容。

Answer 2

在元素中添加填充权：

padding-right:10px;

这会在文字和滚动条之间添加10px的差距。如果您的元素上有一个固定的width，则必须将其减少相同的padding-right值以保持相同的总宽度。

E.g：

在

div {
   width:500px;
}

使用padding-right：

div {
   width:490px;
   padding-right:10px;
}