css - divに残りのスペースを埋めさせる

Question

フィドル

マージンのある複数のdivがあり、その下に、固定サイズの親divによって提供される残りのスペースを埋めるdivが必要です。

編集：申し訳ありませんが、コンテナのdivのサイズは固定されており、まったく変更されないはずです。

EDIT2：ソリューション。私はオーバーフローを試しました：隠されていましたが、それを誤解して、親ではなく子要素に配置しました。

Answer 1

これがあなたが望むことを願っていますhttp://jsfiddle.net/FR5Ud/33/

Answer 2

min-heightページの基本的な外観は同じままで、コンテンツに基づいて増加するように使用します

#container {
    float: left;
    background-color: green;
    width: 300px;
    min-height: 300px; height
    border-color: violet;
    border-style: solid;
    border-width: 10px;
}

#content {
    background-color: blue;
    min-height: 100px; height:auto
}

#toFillUp {
    background-color: red;
    /* that's what it should end up looking like.
    However, what if the size of #content changes?
    What if there are more content divs before that?
    What if those have margins? */
    min-height: 200px; height:auto
}​

デモhttp://jsfiddle.net/FR5Ud/25/