如何將集裝箱放在擴展分區？

Question

這是最好的圖片描述！與asldskd的箱子，我想成爲紅色區域的地方。我想在黑色區域放置一個標誌，然後將單獨的內容放入綠色區域。我基本上想要黑色和綠色的擴展名，但我想要的內容是在900px容器內。

這是我現在擁有的。我試着用z-index來做到這一點。有沒有辦法強制900px容器外的黑色綠色條，還是我需要將容器放在下面？

<div id="header"> laksjdf</div> 
<div id="subheader"> alskdjf</div> 

<div id="container"> 
asdf 
</div> 

這裏是CSS：

#header { 
width:100%; 
height:70px; 
background-color:black; 
position:relative; 
z-index:0; 
} 

#subheader { 
width:100%; 
height:25px; 
background-color:green; 
position:relative; 
z-index:1; 
} 

#container { 
width:900px; 
margin:0 auto; 
border:1px solid black; 
position:relative; 
z-index:1; 
} 

Answer 1

在這裏，你走了，我做了一個codepen給你，告訴我，如果你想什麼

http://codepen.io/anon/pen/yHzxd