아동 사업부 100 % 높이 스트레치 부모 DIV뿐만 아니라

Question

난 아주 간단한 시나리오를

부모 사업부 (지정되지 높이)

하위 사업부가 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이므로, 자녀는 상위 DIV를 브라우저 높이의 100 %로 확장해야합니다. Parenet DIV에서 auto를 제거하십시오. 문제가 해결 될 것입니다.