ホームページ > 記事 > ウェブフロントエンド > すべてのブラウザでフッタがブラウザ ウィンドウの下部に表示されるようにするにはどうすればよいですか?
ブラウザの下部にフッターを配置する方法
CSS では、ブラウザ ウィンドウの下部に HTML フッターを配置できます。共通の課題となる。その方法は次のとおりです:
あるユーザーは、フッターを配置するためにさまざまな方法を試したが、無駄だったという経験を共有しました。彼らは、HTML 構造と、マージンや位置決めなどのプロパティを含む関連する CSS コードを提供しました。
コードを調査したところ、問題が位置決めプロパティにあることが明らかでした。ユーザーはフッターの位置を「相対」に設定し、Main クラスも同様に「相対」に設定しました。
フッターをブラウザーの下部に正しく配置するために、ユーザーは次のスタイルを実装しました。
<code class="css">#Footer { position: absolute; width: 100%; bottom: 0px; }</code>
これらの設定では、フッターは絶対にウィンドウの下部に配置され、コンテンツの高さに関係なくそこに残りました。
「position:fixed」の設定は IE では機能しませんでしたが、 Firefoxでやりました。最終的に、「bottom:0」を指定した絶対配置メソッドにより、両方のブラウザーでフッターがブラウザーの下部に正常に配置されました。
以上がすべてのブラウザでフッタがブラウザ ウィンドウの下部に表示されるようにするにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。