1

950px のメイン コンテンツ div があり、自動マージンが 0 であるため、中央に配置されています。透明なコンテンツが含まれているため、背景色を設定できませんが、背景色を設定するには左右の余白が必要です。div の右側に絶対配置され、ウィンドウの最後まで伸びる div を持つことは可能ですか? 負の絶対値を与えることで左側でそれを行うことができますが、右側ではdivの最後までスクロールします。

.mainwrapper {width:950px; margin:0 auto; height:800px; position:relative;}
.leftmargin {height:800px;width:1000px;position:absolute;top:0px;left:-1000px;}
.rightmargin {height:800px;width:1000px;position:absolute;top:0px;left:950px;}

HTML
<div class="mainwrapper">
<div class="leftmargin"></div>
<div class="rightmargin"></div>
</div>

これを行う簡単な方法はありますか、それともjavascriptのみですか?

4

1 に答える 1

0

これを解決するのはそれほど難しいことではありませんが、.mainwrapperの親にアクセスする必要があります。

HTML:

<div class="outer">
    <div class="mainwrapper">
        <div class="leftmargin"></div>
        <div class="rightmargin"></div>
    </div>
</div>

CSS:

.outer {
    overflow-x: hidden;
}
.mainwrapper {
    width:950px;
    margin:0 auto;
    height:800px;
    position:relative;
}
.leftmargin {
    height:100%;
    width:99999px;
    position:absolute;
    left:100%;
}
.rightmargin {
    height:100%;
    width:99999px;
    position:absolute;
    right:100%;
}
于 2012-04-12T18:25:18.410 に答える