我在页面上的某些DIV上有以下CSS声明：
position:relative;
box-sizing:border-box;
overflow:hidden;
width: 100vw;
left: calc(-50vw + 50%);
padding: 10%;
我很擅长使用vw缩放单元和使用calc()，所以我可能会遗漏一些明显的东西。
意图是即使DIV嵌套在其他DIV中，它们也会超出其父级以覆盖整个视口的宽度。它完美地工作几乎。至少，它在Firefox 37中有效。
问题是这些DIV最终的大小只比视口的宽度略大，只有几个像素，足以导致水平滚动条出现在视口的底部。我已尝试进行调整，例如使用99vw作为宽度，或者上下调整calc()值，但我只是在黑暗中拍摄而我似乎无法拨入
这里的计算必须有一些细微差别，我没有看到。如何确保我的DIV与视口一样宽，不大，不小，不强制任何水平滚动条？