儿童度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。你的问题将被解决。