Windows浏览器中绝对定位内容覆盖相对定位内容时右侧出现间隙求助

我使用Chris Coyier提出的方案实现全屏背景视频及内容滚动覆盖视频的效果，但在Windows浏览器中，绝对定位内容覆盖相对定位内容时右侧出现了多余间隙。奇怪的是，该问题在Mac端的Safari、Firefox和Chrome浏览器中均未出现，却在Windows端所有测试浏览器中复现。

白色主内容区域的CSS代码如下：

main {
  background: white;
  position: relative;
  padding: 1rem;
  margin-top: 100vh;
}

main::before {
  content: "";
  width: 100vw;
  height: 100vh;
  position: absolute;
  left: 0;
  top: -100vh;
}

该问题是否与滚动条有关？是否有人找到了解决方案，或是能解释为何仅在Windows中出现此问题？

相关内容：

• 在线示例
• Chris的原文
• 参考示例

截图说明：

• Mac端无间隙截图：
• Windows端间隙截图：

内容的提问来源于stack exchange，提问作者TNF