Css 正文元素显示在内容包装后面，宽度为100%

我有一个contentWrapper类，它包含页面上的所有元素。出于某种原因，导航占据了身体100%的空间，然后又占据了一些空间。但是，我无法让下面的元素（滑块和div）拉伸以填充相同的宽度。总是有额外的空间向右滚动显示背景色。我把它做成了粉红色，很容易看见

body {
    background-color: black;
}

.contentWrapper {
    height: 100vh;
    width: 100%;
    background-color: black;
}

---

有什么建议吗？我觉得这可能是一个简单的修复方法，一次删除页面的部分似乎无法解决问题。

因此，您的循环覆盖看起来是100%宽，左侧设置为20px。这是推倒一切，揭示背景。将宽度设置为300px为我解决了它

---

我检查了它多一点，如果你设置宽度，你可以保持左边的位置。

.cycle-overlay {
    position: relative;
    top: -200px;
    left: 20px;
    z-index: 999;
    width:200px;
}