html - フッターが一番下まで行かない

Question

すぐに助けが必要です。フッターがサイトの最後に表示されません。ラッパーなどの中にあります。私は単にエラーを見つけることができません（同じコードを長時間見ています）

コードを Jsfiddle に入れました: http://jsfiddle.net/heNuB/

他のコードは気にしないでください。フッターを background-color:black; でマークしました。フッターが行こうとしている場所がわかります。3 つのボックスの「後ろ」に侵入しようとしています。

お時間のある方はご検討いただければ幸いです。私はそれが少し厄介な問題であることを知っています。

皆さん、良い一日を！:)

score 5 · Accepted Answer

フッターの直前にクリア div を配置すると、下部に移動する必要があります。

<div style="clear: both"></div>

フローティングボックスがメインラッパーを通過しています。

score 1 · Accepted Answer

使用するclear: both;

footer
{
    font-size:small;
    text-align:center;
    height:50px;
    background-color:black;
    clear: both;

}

score 0 · Accepted Answer

フッターに margin-top プロパティを指定しない理由 .footer { margin-top: 50px; //または何か } ダウンする必要があります。

4 に答える 4