问Windows上的水平体溢出而不是macOS

EN

我使用以下代码使元素跨越页面的整个宽度，扩展到其父宽度的限制之外(在此CSS技巧文章中详细说明)：

width: 100vw;
position: relative;
left: 50%;
right: 50%;
margin-left: -50vw;
margin-right: -50vw;

它在我的Macbook Pro (Chrome，Firefox，Safari)上的所有主要浏览器上运行得非常好，但是在Windows 10上的所有浏览器上，我的右边都出现了一个恼人的，非常小的溢出，创建了一个不需要的滚动条。

有人知道为什么这在这两个操作系统(浏览器不可知论)中表现得不同吗？这是相当令人沮丧的，我想了解它，并解决它的方法，而不是无趣地调整分数，百分比值等。

编辑：，看起来这是一个老问题，在具有可见垂直滚动条的浏览器上使用" vw“单元-- vw单元考虑了滚动条，从而产生了一些水平溢出。有一些解决办法，但不是简单的或理想的。似乎给出一个溢出-x:隐藏在你的html根目录是最简单的，虽然不一定是最负责任的方式来解决这个问题。其他解决方案包括Javascript和将滚动条的宽度保存到变量，并将其从100 to中用calc()排除。不太好！