Html 如何修复不可见的边距参数？

首先，我对css真的很差！我有奇怪的问题。。。但首先让我向您展示我的应用程序
屏幕如下：（左侧边栏展开）

（左侧边栏隐藏）

请看一下滚动条上覆盖着网格的画布。这个滚动条看起来像这样，因为它的上边距和左边距分别为20。看看这个：

如果我将删除该位置的此页边距，请查看其外观：

正如你所看到的，一切看起来都很好。我需要向你们展示，德布格在我的左边，因为如果我关闭了他，那么这个边距马上就会回来。我需要用右边的调试器来证明这一点，因为如果我关闭了他，那么这个边距就会立即恢复。以下是我对“网格”部分的代码：

我的代码中的样式：

<div id="canvas" style="position: absolute; width: 1600px; height: 600px; margin-top: 0; margin-left: 0; overflow: scroll">

---

在其他操作系统上是不同的。。所以你应该设计你的滚动条

制作了一个快速样本：

::-webkit-scrollbar-track {
  display: none;
}

---

你能在snippet或code peni中创建一个代码的工作示例吗？我正在使用一些静态库，但我会尝试一下，我认为你在使用引导，所以你可以创建一个，这就是我在没有静态库的情况下所能做的。这很奇怪，因为这里的滚动条没有边距-。-@Braoad很高兴这有助于解决您的问题。干杯

element.style {
position: absolute;
width: 1600px;
height: 600px;
overflow: scroll;
margin-top: 20px;
margin-left: 20px;
}

<div id="canvas" style="position: absolute; width: 1600px; height: 600px; margin-top: 0; margin-left: 0; overflow: scroll">

::-webkit-scrollbar-track {
  display: none;
}