兒童度100％的高度伸展父DIV以及

Question

我有一個非常簡單的場景

父事業部（高度不指定）

兒童div有一些內容和高度設置爲100％。

現在這個孩子div強制它的父母伸展到完整的瀏覽器窗口。

請指導。

Answer 1

在兩者上設置位置。

#ParentDiv { 
    position:relative; 
    height:auto; 
} 

#ChildDiv { 
    position:absolute; 
    /* top/left/right force it to dimensions of parent, if needed */ 
    top:0; 
    left:0; 
    right:0; 
    height:100%; 
} 

父母會伸展以適應孩子。

Answer 2

#ParentDiv { 
    position:relative; 
    height:auto; 
} 
#ChildDiv { 
    position:absolute; 
    /* top/left/right force it to dimensions of parent, if needed */ 
    top:0; 
    left:0; 
    right:0; 
    height:100%; 
} 

您的ParentDiv高度爲AUTO，因此孩子強制Parent DIV擴展至瀏覽器高度的100％。從Parenet DIV中刪除auto。你的問題將被解決。