div 높이가 100 %로 완전히 확장되지 않았습니다.

Question

div가 100 % 높이로 설정되어 있고 완벽하게 렌더링되지만 div 내에서 두 div가 100 %로 늘어나지 않습니다. 여기에 참조 용 CSS가 있습니다 :

#page{ 
    background-color: #4C1B1B; 
    width:85%; 
    height:500px 
    margin:auto; 
    min-height:100%; 

} 

#pageleft{ 
    width:15%; 
    float:left; 
    border:3px solid #B9121B; 
    border-left:0px; 
    padding: 1% 2% 0 2%; 
    -webkit-border-top-right-radius: 50px; 
    -webkit-border-bottom-right-radius: 50px; 
    -moz-border-radius-topright: 50px; 
    -moz-border-radius-bottomright: 50px; 
    border-top-right-radius: 50px; 
    border-bottom-right-radius: 50px; 
    height:100%; 
} 

#pageright{ 
    width:75%; 
    float:right; 
    border:3px solid #B9121B; 
    height:100%; 
    -webkit-border-radius: 25px; 
    -moz-border-radius: 25px; 
    border-radius: 25px; 
    margin:0% 3% 0% 0%; 
} 

감사합니다.

Answer 1

문제는 CSS에 있습니다

#page { 
    background-color: #4C1B1B; 
    width:85%; 
    height:500px; <--- this should be 100% 
    margin:auto; 
    min-height:100%; 
} 

당신은 500px에 부모 DIV의 높이를 설정했습니다. 따라서 귀하의 요소는 그 100 %입니다. 이것을 height: 100%으로 변경하십시오.