固定ヘッダーを使用してフッターをページの下部に維持する
問題:
フッターをページの一番下、他のすべてのコンテンツの下に配置し、そのままの位置に保ちたいと考えています。スクロールするときに、固定位置のように画面に張り付くことなく、このアプローチは、ヘッダーとフッターの両方の高さが固定されているシナリオに適しています。これには以下が含まれます:
の高さの設定そして次のステップが確実に機能するように、100% に設定します。
ヘッダーに絶対位置指定が必要な場合は、追加します。コンテンツの重なりを防ぐには、スペーサーを使用するか、padding-top と box-sizing: border-box を使用します。
ヘッダーを#content (通常のフローのままにする必要がある場合)。
ヘッダーとこのメソッドが機能するためにフッターの高さは固定されています。
以上が固定ヘッダーを使用してページの下部にフッターを配置するにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。