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%;
}

我需要一个div来填充0自动边距div的右边到页面右边

1 个答案: