儿童div位置绝对父母身高不起作用

时间:2013-10-29 18:37:49

标签: jquery html css

父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>

2 个答案:

答案 0 :(得分:12)

绝对定位的元素不再是布局的一部分。它们属于自己的布局环境。因此,它们在父元素中不占用空间。

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

答案 1 :(得分:0)

你父母div没有身高。请将.wrap类样式替换为以下样式: -

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