1

これに対応する 3 つの div があります。

すべてをラップする #wrapper があります。それは #EEE です #contain は #wrapper の直後にあります。それは #FFF (コンテンツの一部)
です。高さ:100% 完全に問題なく、位置:固定の #secondaryContent があります。これらのdivの両方の中にあります。

何が起きているかを確認するために、すべての主要な div に境界線を追加しました。

わかりましたので、中央の div の下部は 100% で下部まで拡張されるはずで、ラッパーからのグレーは表示されません。ページの上部をよく見ると紫色の線が見えます。これは実際には #content と呼ばれる div であり、そこにすべての投稿が含まれているはずです。何も表示されていないかのように表示されているかどうかはわかりませんが、 //(* 修正済み * - 2 番目の回答を参照)。

私のサーバーを介して私が何を意味するかを見ることができます。

サーバ


FIX***
#wrapper div に適用されるクラス '.container' がすべてを台無しにしました。

4

3 に答える 3

2

これは #Content div に float があるためだと思います。

このクラス「hasFloats」を css ファイルと #content div の両方に追加できます。

更新しました

.hasFloats { _height: 1%; }

.hasFloats:after { content: "."; visibility: hidden; display: block; clear: both; height: 0; font-size: 0; }

<div id="content" class="hasFloats">

お役に立てれば。

于 2009-10-07T16:16:51.273 に答える
1

を設定する必要がありますbody。height: 100%そうしないと、全画面を占有しません。

EDIT：申し訳ありませんが、サイトを見る前に答えました。高さ全体を占めていない場合は、余分なものをチェックしましたmarginかpadding?

于 2009-10-07T16:07:23.370 に答える
1

div 'wrapper' に適用される 'container' というクラスがあります。このクラス コンテナは、私が使用している Habari CMS が提供する別のスタイルシートからのものです。このクラスを div から削除すると、高さがドキュメント ウィンドウに拡張されます。

于 2009-10-12T17:24:23.177 に答える