0

いくつかの提案された回答を含む同様の質問がスタックにあり (一部は IE7 では設定 display:table のように機能しません)、他の回答はありません。適切なアプローチはです。

次のフィドルで実際のサンプルを確認できます: http://jsfiddle.net/wDeCg/1/

HTML:

<div class="bottom-background-image">
    <div class="site-width">asdfasdfasdf</div>
</div>

CSS:

body {
    background-color:beige;
    margin: 0;
}
.bottom-background-image {
    background-color:green;
}
.site-width {
    margin: 0 auto;
    width: 1024px;
}

これは望ましくない結果です。つまり、背景が緑色の親 DIV が、期待どおりに全幅に引き伸ばされません。利用可能な画面幅のみを占有しているようです。内側の DIV は確実に幅を設定しているため、明示的な幅が設定されていない外側の DIV は内側の DIV の幅を採用する必要がありますか? :

ここに画像の説明を入力

同様の質問:

DIV 背景が適切に伸びない

親ノードをコンテンツの幅に伸ばす

4

3 に答える 3

0

これを試して

http://jsfiddle.net/wDeCg/3/

.bottom-background-image {
    background-color:green;
    min-width:1024px;
}
于 2013-07-24T09:58:11.680 に答える
0

これを試して：

body {
    background-color:beige;
    margin: 0;
    width:100%;
}
.bottom-background-image {
    background-color:green;
    width:100%;
    clear:both;
    overflow:auto;
}
.site-width {
    margin: 0 auto;
    width: 1024px;
}
于 2013-07-24T10:04:14.310 に答える