Ryan Fait のスティッキー フッターの方法と、こちらとこちらの方法を見てきました。
これらの人々はなぜ、スティッキーフッター用のテンプレートを作成しているの#footer{position:fixed; bottom:0;}ですか?
編集：
position: fixed;フッターに使用するmargin: auto;と、(少なくとも) 一部のブラウザーではセンタリングが壊れるため、ラッパー タグが必要になることを付け加えておきます。上記の方法に関する私の問題の一部は、紛らわしく、構文的に正しくない（「HTML純粋主義者」にとって）余分なタグであり、帯域幅を消費します。ただし、私の意見では、フッターを囲む単一のラッパーは、最初からごちゃごちゃしたページ テンプレート全体よりも優れています。そして、「私の」方法はさらに簡単で、帯域幅を消費しません。
position: fixed使用とRyan Fait の方法1の違いはかなり基本的なものです。
を使用するposition: fixedと、フッターは常に表示されますが、それはスティッキー フッターがやろうとしていることではありません。スティッキー フッターの意味は、コンテンツがビューポートの高さよりも長い場合を除い
て、一番下にくっつくことです。その場合、スティッキー フッターは通常のフッターのように機能し、ページ コンテンツのすぐ下に表示されます。
ここでは、スティッキー フッターの効果を確認できます。結果ウィンドウで、フッターがページの下部にあることがわかります。[コンテンツを追加] ボタンをクリックしてコンテンツを追加すると、フッターが下に移動してコンテンツの下に留まることがわかります。
1. これは 2013 年 1 月 10 日の Wayback Machine のスナップショットです。Ryan の Web サイト自体には元の投稿が含まれていないためです。