子div位置絕對父母高度不起作用

Question

父div高度不起作用。

wrap高度不工作。我需要兩個子div absolute.and我需要css技巧this.no需要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; 
    }