ページの右に0の自動余白divの右側からdivを入力する必要があります

Question

私は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のみですか？

Answer 1

これは解決するのは難しいことではありませんが、.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%; 
}