宽度为100％的固定位置div会导致主体水平溢出

Question

我的网站上有一个奇怪的错误，这是我以前从未见过的。实时演示的链接是website

在移动视图上，body和html溢出，我可以向左和向右滚动整个身体。检查后，我知道罪魁祸首是导航栏工具栏。不知怎的，它有额外的位置-6px，我不明白。有谁知道如何解决这个问题？我试过设置溢出：隐藏到，但没有一个工作。

在下面的屏幕截图中，请注意网页底部有一个滚动条。

如果需要，我会提供更多的SCSS代码。

Answer 1

正如@Schwierig所说，真正的罪魁祸首是滑块，对于桌面视图，我希望滑块的项目适合左右边缘，所以我将这个类添加到滑块：

.Slider--fitEdges {
    // Fix edge
    .slick-slide {
      margin: 0 18px;
    }

    .slick-list {
      margin: 0 -18px;
    }
  }

现在我只需将其包装在媒体查询中，使其仅在桌面上工作。