jquery - 子div位置绝对父高度不起作用

Question

父 div 高度不起作用。

换行高度不起作用。我需要两个子 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>

Answer 1

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

如果你想让父母有一个高度，你需要分配一个。

Answer 2

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

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