大家帮看看一个css，谢谢

HTML code:

<div style="width:200px; border:1px #CCC solid; height:160px;">
<div style="width:100%; z-index:1000; border:1px #F00 solid; height:50px;">
<!--红色框 -->
</div>
<div style="width:100%; z-index:-1; border:1px #000 solid; height:100px;">
<!--黑色框 -->
</div>
</div>


我想把红色框不要撑开黑色框，而是重叠在黑色框的上面，我这样貌似不行的，加了position:absolute或者position:relative也不行，请大虾指点指点

---

HTML code:

<div style="width:200px; float:left; border:1px #CCC solid; height:160px;">
<div style="width:190px; position:absolute; z-index:1000; border:1px #F00 solid; height:50px;">
<!--红色框 -->
</div>
<div style="width:190px; z-index:-1; border:1px #000 solid; height:100px;">
<!--黑色框 -->
</div>
</div>


我这样解决的

---

10分钟就解决了？发论坛岂不是浪费时间了？

---

汗
就是啊，苦苦弄了半天，发帖后几分钟就搞定了，
很多时候都是这样的，真神奇

---

学习......