Jquery 在同一容器中的另一个div上显示z索引div

我有一个容器div，其中包含一个表。我使用jQuery将div动态添加到容器div中。我想将创建的div放置在表上，但无法这样做。子div显示在表的下面。这是我的密码

HTML:

jQuery：

$(function(){
  $("#btnAdd").click(function(){
    $(".container").append("<div class='innerdiv'>I am new</div>");
  });
});

$（函数（）{
$（“#btnAdd”）。单击（函数（）{
$（“.container”）.append（“我是新的”）；
});
});

---

这不是答案，而是位置：relative应

位置：相对和<代码>宽度：90%应
宽度：90%非常感谢您的更正。当然。。谢谢这就是一天结束时发生的事情，当一个人花了一整天的时间只是想知道如何在另一个人身上放置一个div。
.container
{
  position:relative;
  background-color:#d0d0d0;
  width:90%;
  height:50px;
}
.innerdiv
{
  z-index:2;
  background-color: #D57657;
  float:left;    
}
.tbl
{
  border-collapse: collapse;
  width:100%;
  height:100%;
}
.tbl td
{
  border-bottom:1px solid #000;
}

$(function(){
  $("#btnAdd").click(function(){
    $(".container").append("<div class='innerdiv'>I am new</div>");
  });
});

.container{
    position:releative;
    background-color:#d0d0d0;
    widht:90%;
    height:50px;
    float: left;
}