html - コンテンツ div がフッター div をプッシュしない

Question

私は 3 つの div を持つメイン コンテンツを持っています。3 番目の div は大きな高さになり、フッター div をプッシュしません。

これが私の問題です

<div id="right_column">この div はヘッダーとフッターの間にある必要があります</div>

デモ

Answer 1

float: clear;直後にプロパティを持つ div を追加するか、このような clearfix クラスを使用して、フロートを手動でクリアできます。

これがフィドルです。

Answer 2

次のプロパティを持つ「Clearfix」別名 div が必要です。

clear:both

ここ: http://jsfiddle.net/M7VxA/7/

Answer 3

試す：

#footer
{
    width:300px;
    margin:auto;
    min-height:200px;
    background-color:yellow;
    clear: both;
}