コンテンツが不足していて、フッターがコンテンツのすぐ下に表示されることがあります。固定位置を使用して下部に貼り付ける代わりに、フッターの下のすべてをフッターの背景と同じ色にしないでください (可能であれば、本文の背景を変更せずに)。また、高さとして 100% を使用するため、動的です。
例えば：
変更前: http://gyazo.com/801af7d0c1c797900ca00648cc82443e変更後 : http://gyazo.com/5cb8503f122107d83a01ddae2c7fbc2a どうすればいいですか? ありがとう！
CSS 固定フッターを使用して、ページを埋めるのに十分なコンテンツがない場合にフッターがビューポートの下部に固定されるようにします - http://ryanfait.com/sticky-footer/
私は通常、ページの本文に、フッターの下に必要な色を持たせます。次に、コンテナー (幅 100%) に実際のページの色を設定します。「ちらつき」または黒いページを回避するために (オフコースの色によって異なります)、これをコンテナーに追加します。
#container {
background-color: white; /* Page color */
min-height: 600px;
overflow:auto;
}
次のように、ページにフッターの背景色を持たせることができます。
body { background: blue; }
div.footer { background: blue; }
次に、メイン コンテンツの div を白などの適切な色にする必要があります。
div.content { background: white; }