内部 div 宽度/高度到 100% 身体大小不是带有侧 JS 的父 div

Question

我有一个基础层，在该基础层之上还有多个层。 在我的第二层，我希望它的宽度延伸到身体的宽度。

主要项目：

http://jsfiddle.net/ygXy6/694/

我的尝试：

我搜索了： Make div inside parent 100% width of body, not parent div

这确实有效：http://jsfiddle.net/ygXy6/18/

但不适用于我的项目，可能是由于我的parallax JS，这是我应用上述方法时的结果：https://jsfiddle.net/epkevxps/

我还尝试使用vw 作为宽度单位之一，这让我认为我需要更改我的 JS 而不是 CSS

我想要的结果是第二层的宽度为 100%，第三层的高度为 100%：like this static example

Answer 1

https://jsfiddle.net/mcxwnwy3/

我建议你开始摆弄vh 和vw。更好的解决方案是使所有元素成为兄弟元素并使用 z-index 属性而不是嵌套它们。这样您就可以对所有元素使用 %。