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

时间:2015-03-18 01:48:50

标签: css width viewport

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

body {
    background-color: black;
}

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

http://jsfiddle.net/o5y26tqw/

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

1 个答案:

答案 0 :(得分:0)

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

JSFiddle

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