显示内容包装后面的正文元素，宽度为100％

Question

我有一个contentWrapper类，其中包含我页面上的所有元素。由于某种原因，导航占据了看起来100％的身体，然后是一些。但是，我不能得到以下元素，下面的滑块和div，以拉伸以填充相同的宽度。总是有额外的空间滚动到右边，显示背景颜色。我很容易看到它在小提琴中变成了粉红色。

body {
    background-color: black;
}

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

http://jsfiddle.net/o5y26tqw/

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

Answer 1

所以看起来你的.cycle-overlay是100％宽，左边是20px。这推动了一切并揭示了背景。将宽度设置为300px已经为我摆脱了它。

JSFiddle

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