0

これが些細な質問である場合は申し訳ありませんが、理解できないようです。私はこのウェブサイトを持っており、側面にナビゲーションバーが必要で、右側の四角形 (「ContentExtender」クラスを持つもの) が物理ページの下部まで伸びる必要があります (まあ、ContentExtender だけが必要です)。ブレンドするようにコンテンツまで引き伸ばしますが、それは別の話です)。これを行う最も簡単な方法は何ですか? 調べたところ、Body の高さを 100% に設定するとうまくいくはずでしたが、うまくいきませんでした。見なければならないコードがたくさんあることはわかっているので、ここにコードの実際の重要な部分を示します (「cc」で始まるものはすべて、それらをコメントアウトする簡単な方法でした):

.ContentExtender {
    background-image: url(bgblack.png);
    min-height: 10px;
    ccmin-width: 200px;
    ccwidth:100%;
    margin: 0px 0px 0px 1010px;
    position: absolute;
    top: 110px;
    right: 0px;
    left: 0px;
}
.MainParent {
    position: absolute;
    left:0px;
    top:0px;
    right:0px;
    bottom: 0px;
    background-color:rgba(70,70,70,.7);
    min-height: 600px;
    min-width: 1000px;
    max-width: 1000px;
    height: 100%;
    margin: 0px 10px 0px 10px;
    z-index:100;
    overflow: hidden;
}
4

4 に答える 4

0

コードに小さなエラーがあるようです。

.ContentExtender

に変更します

#ContentExtender

その後、修正できるようになります。この方法が機能しない場合は、以下のようにコンテンツエクステンダーのHTMLタグにバックグラウンドCSSを設定してみてください。

html{
height:100%;    
background:#ccc url(bgblack.png);

}

上記は一例ですので、即興でお願いします

于 2013-03-20T01:20:57.393 に答える
0

あなたの問題は、子 div が親の動作を直接指示できないという事実に関連しています。

親 div で次のいずれかを試してください。

overflow: auto;

display: table;

または子divで：

display: table-row;

試すときは、"height: blabla" 属性を省略してみてください。

同様の問題の解決: [1]: CSS - float の子 DIV の高さを親の高さに拡張

于 2013-03-20T02:06:46.293 に答える
0

html, body { height: 100%; を指定する必要があります。さらに、必要な要素の他の親を作成しheight: 100%;、height: 100%;

于 2013-03-20T01:15:50.923 に答える
0

最近、ウィンドウの上部まで拡張できないという問題が発生しましたが、これは似ている可能性があります。私は設定しました：

body {
  margin: 0px;
}

あなたの場合、それは別の要素かもしれません。すべての可能な要素が意図的に 0 のマージンに設定され、必要なマージンが再実装される場所を見てきました。

于 2013-03-20T01:17:05.640 に答える