我需要一個div來填充右邊的0自動邊距div到頁面右邊

Question

我有一個主要的內容div是950px，並且有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%; 
}