Html 为什么表格和它的容器滚动条之间有垂直间隙

这里是问题的JSBin-

在Firefox中打开时，我看到表和父容器的滚动条之间有一个垂直间隙。 为什么会有这种差距

---

这是Firefox的默认设置。我检查了多个网站，在Firefox中似乎是一样的。在Firefox的最新版本

70.0.1（64位）

@Viral中，这对我来说似乎很好，有什么方法可以删除它吗？@Awais，这在Windows操作系统和FF

70.0.1（64位）

中观察到，但在我看来这是屏幕截图，我使用的是相同的操作系统和Firefox

.container {
  max-height: 100px;
  overflow-x: auto;
  border: 5px green solid;
}

.container > table {
  background: #ccc
}