有没有办法将自定义HTML滚动条移到div后面

我的博客上有一些代码片段

在这里，我使用以下代码定义了自定义滚动条：

/* width */
::-webkit-scrollbar {
  width: 20px;
}

/* Track */
::-webkit-scrollbar-track {
  box-shadow: inset 0 0 5px grey;
  border-radius: 10px;
}

/* Handle */
::-webkit-scrollbar-thumb {
  background: #0ef; 
  border-radius: 10px;
}

包含代码片段的地方是一个自定义div元素，其边界半径为

2em

。现在，自定义滚动条看起来有些凸出，如下图所示：

如何将滚动条发送到

后面，以便删除多余的滚动条

---

p.S.：应保持

的边界半径。

您可以在外部div内放置一个小div，并将其作为滚动条的容器，以防止滚动条膨胀，例如

Lorem ipsum Door sit amet，为精英们献身，为埃乌斯莫德服务
暂时性的劳工和财产损失。我们在这里吃得很少，
他在乌拉姆科实验室实习，并在普通实验室实习
康塞奎特。在沃鲁帕特·维利特·埃塞的《雷德亨德瑞特》中，两人或两人互为受害者
纤毛多洛雷欧盟福吉亚无巴黎。圣奥卡塔铜塔除外
傲慢的人，必须为自己的行为负责

这很有效，但如何将滚动条连接到内部分区的底部。滚动条似乎有点高了。@Gourav这只是边框和填充，您可以根据您的建议更改滚动条，以便我明天再试。该睡觉了：）可能重复@dakshh我的问题完全不同！！！

<div class="outer">
  <div class="inner">
   ..content
  </div>
</div>