具体的には、ブラウザ表示領域(ファーストビュー)とコンテンツ高さを比較して、コンテンツ高さの方が短い場合、フッターは下部に固定。コンテンツ高さの方が長い場合、スクロールした下部にフッターを表示させます。 ポイント html,bodyに高さ100%を設定する。 min-heightの設定。高さを100%にする。 min-heightが効かないIE6以下のための記述を追加(指定したpxより長いコンテンツは自動解釈されることを利用して、heightを100%にする)。 フッターが表示される領域を確保するために、フッターの高さ分の負のmarginを使用。 コンテンツとフッターが被らないようにするため、コンテンツ領域に「padding-bottom:(フッターの高さ)」を指定する。 フッターの高さを指定する。 html,body{ width:100%; height:100%; margin:0;