堆疊屏幕的多個div延伸寬度

Question

這是我的場景：我有幾個div必須堆疊在彼此之上。每個div都會有背景顏色（或紋理）。每個div都有另一個嵌套在其中的div。父div的顏色或紋理擴展了整個屏幕寬度。

問題：添加第二個div時，它顯示在第一個上方。

明白我在說什麼：http://staging.ontempoideas.com/bvcil

它看起來是這樣的......

HTML：

<div id="1P"> 
<div id="1C"> 
</div> 
</div> 
<div id="2P"> 
<div id="2C"> 
</div> 
</div> 

CSS：

#1P { 
position: absolute; 
left: 0; 
right: 0; 
background-color: blue; 
} 

#1C { 
width: 920px; 
margin-left: auto; 
margin-right: auto; 
} 

#2P { 
position: absolute; 
left: 0; 
right: 0; 
background-color: green; 
} 

有什麼想法？

Answer 1

說實話，我不知道你從你的描述後是什麼，但是我把一些代碼在這裏，可以幫助：https://jsfiddle.net/JTBennett/hksxgncv/1/

這些都是要在這裏使用的位置：

position:relative; 
position:inherit; 

你的兩個父divs設置在相同的確切絕對位置。如果你想澄清任何事情，我可以爲你更新它。