html - フッターに問題がある

Question

フッターを含む単純な html Web ページを作成していますが、フッターが正しく機能しません。

ページの下部にフッターを配置したいのですが... !

これが問題です：

ここに私のウェブページのデモがあります (言語で申し訳ありません;)): http://gooloop.ir/dl/site/temp.html

Answer 1

に追加overflow:hiddenし.contentます。

定義されたサイズがないため、コンテンツが折りたたまれていたため、フッターがその上に配置されていました。

.content {
    width: 962px;
    margin: 0 auto;
    padding: 10px;
    border-radius: 10px;
    margin-top: 20px;
    overflow: hidden;
}

それが動作します。開発ツールでテスト済み。