こんにちは、みんな。ウェブサイトの div を整理するのに助けが必要です。私のウェブサイトには 3 つの主要な DIV があります。1. DIV1 - マイ ヘッダー (高さ固定) 2. DIV2 - 高さが変化する動的コンテンツ エリア 3. DIV3 - マイ フッター (高さ固定)
すべての DIV の幅は 100% です。
DIV1 ヘッダーには、ブラウザーの上部に対して 0px が必要です。画像に示すように、3 つの DIV が互いに重なり合っている必要があります。ユーザーが私の 3 つの DIV よりも高い解像度を持っている場合、DIV の後の一番下にあるのは単なる空のスペースです。ただし、そのレイアウトを機能させることはできません。DIV3 フッターが問題を引き起こし続けます。
私は次のCSSコードを持っています:
div1 {
position: fixed;
top: 0px;
}
div2 {
position: relative;
top: 0px;
}
div3 {
position: fixed;
top: 0px;
}
DIV3に使用position: fixed
し、DIV2 のコンテンツが短い場合、Web サイト全体が奇妙に見えます。DIV3 の position: relative に変更しようとすると、DIV3 が重なって DIV1 の前に表示されます。
それに対するより良い提案はありますか?どうもありがとうございました。