我需要一个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%; 
}