大家帮看看一个css，谢谢

Question

<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也不行，请大虾指点指点

Answer 1

<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>我这样解决的