新しいヘッダー: フッターが常にページの下部にあることを確認します。
P粉318928159
2023-08-27 23:13:19
<p>私はフッターをページの一番下に配置し、ページの一番下までスクロールするまで表示されないようにするプロジェクトに取り組んでいます。 CSS で「position:fixed」を使用しようとしましたが、コンテンツの上に浮いてしまい、絶対配置ではページの中央に固定されてコンテンツを覆ってしまいます。また、コンテンツがそれほど多くないページで、位置を指定しないか、「position:Absolute」を使用すると、フッターの下に空白ができてしまいます。提案をお願いします。 </p>
<pre class="brush:php;toolbar:false;">* {
マージン: 0;
パディング: 0;
}
ヘッダー {
背景色: グレー;
}
フッター {
背景色: グレー;
下: 0;
高さ: 20ピクセル;
位置: 固定;
幅: 100%;
}
/* 固定位置を使用すると、フッターはコンテンツの上に固定されます。私が望むのは、フッターがページの下部に残りますが、表示されないことです。 */
<html>
<本体>
<header>タイトル</header>
<メイン>
<h1>タイトル</h1>
<p>Lorem ipsum dolor sit, amet consectetur adipisicing elit. Adipisci eos deserunt fugeat doloremque your text`ut.</p>
</メイン>
<footer>©著作権、商用</footer>
</ボディ>
</html></pre>
![[Web フロントエンド] Node.js クイック スタート](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
同じ幅と高さの親 div を追加できると思います。
html: