Jquery 子div位置绝对父高度不工作

父div高度不工作

wrap高度不起作用。我需要两个子div绝对值。我需要css技巧来实现这一点。不需要jquery

任何人都可以帮助我

<div class="wrap">
    <div class="clild"></div>
    <div class="clild2"></div>
</div>


<style>
.wrap{
    position:relative;
    display:block;
    width:600px;
    margin:0 auto;
}
.clild{
    position:absolute;
    width:450px;
    height:200px;
    background:#069;
}
.clild2{
    position:absolute;
    width:350px;
    height:300px;
    background:#096;
}
</style>

.包裹{
位置：相对位置；
显示：块；
宽度：600px；
保证金：0自动；
}
克莱尔德先生{
位置：绝对位置；
宽度：450px；
高度：200px；
背景:#069 ;；
}
克莱尔德先生2{
位置：绝对位置；
宽度：350px；
高度：300px；
背景:#096；
}

绝对定位元素不再是布局的一部分。它们位于自己的布局上下文中。因此，它们不占用父元素中的空间

---

如果希望父级具有高度，则需要指定一个。

父级div没有高度。请将.wrap类样式替换为以下样式：-

   .wrap{
        position:relative;
        display:block;
        width : 600px;
        height:500px;
        background-color:red;
        margin:0 auto; 
  }

---

你的包裹没有高度谢谢你的回答：）