0

誰でも助けてもらえますか?ヘッダー、メイン コンテンツ ボックス、およびフッターを含むページがあります。開発中のページMy Test Pageへのリンクです。私が抱えている問題は、私が「背景ボックス」と呼んでいるものです (ピンク色のボックスで、上に濃い茶色の境界線があります)。フッターを過ぎて画面全体を自動で埋める必要がありますが、現時点では画面の折り目まで画面を埋めるだけなので、下にスクロールしても実際には画面全体を埋めません。高さを試しました:自動; 高さ: 100%; しかし、これらのどれも望ましい効果をもたらしません。

この問題を解決するために私ができることについて何か提案はありますか? コードが必要な場合は、ここに投稿できますが、ブラウザでコードを表示できるはずです。

4

2 に答える 2

1

背景ボックスが他の要素の背景として機能することを確認したい場合は、それらの他の要素を背景ボックスに入れ子にしてみましたか? 例えば:

<div id="backgroundBox"> Background box
    <div id="contentBox">...</div>
    <div id="footer">...</div>
</div>

次に、いくつかの CSS トリック (margin-topたとえば、負の ) を使用して、#contentBox上記の#backgroundBox開始位置を引き上げることができます。

于 2012-06-29T09:36:45.603 に答える
0

HTMLをざっと見てみると、絶対的なポジショニングが問題だと思います。

バックグラウンドボックスは、ドキュメントが絶対的に配置されているため、ドキュメントが実際に添付されていないため、ドキュメントの大きさを認識しません。したがって、高さ100%は、ドキュメントの高さではなく、ウィンドウの高さの100%になります。ウィンドウではなくドキュメント全体に表示する必要があるため、添付したままにしておく必要があります。

絶対位置を削除し、necarisのアドバイスに従ってください。そうすれば、大丈夫です。

于 2012-06-29T09:43:16.027 に答える