正文元素显示在 Content Wrapper 后面，宽度为 100%答案

【问题标题】：Body element showing behind Content Wrapper with a width of 100%正文元素显示在 Content Wrapper 后面，宽度为 100%
【发布时间】：2015-03-18 09:56:14
【问题描述】：

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

body {
    background-color: black;
}

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

http://jsfiddle.net/o5y26tqw/

有什么建议吗？我觉得这很容易解决，一次删除页面的某些部分似乎并不能解决问题。

【问题讨论】：

标签： css width viewport

【解决方案1】：

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

JSFiddle

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

【讨论】：

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