同じ高さの浮動小数点型

申し訳ありませんが、私はちょうどHTML & CSSから始まりました。<div>とその中に2つの<div>を作成したいと思います。右側と右側）。私はそれらの両方が同じ高さ（親からそれを継承するので、height: 100%）にしたいが、何かが期待どおりに動作しません。 http://jsfiddle.net/KqbtG/同じ高さの浮動小数点型

このソリューションは、ほぼ完璧であると予想される正確にように見えますが、赤のdivは、青1を超えている（Loremのイプサム行うなどされています。ここ

は、テキスト（特に小さい解像度で）赤divの下にいくつかありますinivsible）：

http://jsfiddle.net/4EnF9/1/

任意のアイデア？私は固定された高さを持つことはできません。なぜなら、私はこれらのdivとその中の異なる内容を網羅しているからです。

出典

2011-10-24 Anonymous

#container { 
    display: inline-block; 
    background-color: #eee; 
    width: 90%; 
    height: 300px; 
} 

#menu { 
    float: left; 
    background-color: red; 
    width: 100px; 
    height: 100%; 
} 

#content { 
    background-color: blue; 
    height: 100%; 
}

あなたは二つのことをしなければならない。