Html 如何将容器放置在扩展div上？

这最好用图片来描述！带asldskd的盒子，我想在红色区域。我想把一个标志在黑色区域，然后把单独的内容到绿色区域。我基本上希望有黑色和绿色的扩展，但我希望内容是在一个900px的容器内

这就是我现在拥有的。我试着用z-index来做这件事。是否有办法将黑绿色条强制置于900px容器外，或者我需要将容器保持在其下方

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

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

---

给你，我给你做了一个密码笔，告诉我你想要什么

---

你是如何组织的，这很有趣。。我甚至没有那样想。很酷。我想你只用过一次这个容器。。3.我没想过很多次。。嗯。。再次感谢这一切取决于你的设计哈哈：）

#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;
 }