css - フッターをページの一番下に貼り付ける

Question

フッターをページの下部に固定したくありません。私はHTMLが初めてで、それを下ろすことができません。

これが私のコードです：

<div class="footer">
    Copyright &copy; 2013. All rights reserved
</div>

Answer 1

シンプルな固定ソリューション:

.footer {
   position: fixed; 
   bottom: 0;
}

シンプルな絶対ソリューション:

.footer {
   position: absolute; 
   bottom: 0;
}

より洗練されたスティッキー フッター:

html {
    position: relative;
    min-height: 100%;
}
body {
    margin: 0 0 100px; /* bottom = footer height */
}
.footer {
    position: absolute;
    left: 0;
    bottom: 0;
    height: 100px;
    width: 100%;
    background: red;
}

Answer 2

このような StackOverflow に関するいくつかの質問があります。そのような質問の 1 つは次のとおりです...

フッター (div) をページの下部に揃えるには?

...そして、私はその質問に答えました。

答えに移動したくない場合は、次の 2 つのクイック リンクを参照してください。

• http://www.cssstickyfooter.com/
• http://ryanfait.com/sticky-footer/

これがあなたの求めているものではない場合、または実装についてサポートが必要な場合は、お知らせください。これが役立つことを願っています。