divの高さが100％に完全に伸びていない

Question

divは100％の高さに設定されていますが、完全にレンダリングされますが、100％に伸びない2つのdivがあります。参考までにここに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%に変更します。