子 div 比父 div 宽，但在父 div 后面。有没有办法做到这一点？

Question

下面是我用来尝试将#lower-content-sub div 定位到我的#content div 底部的CSS。我正在尝试将其定位为Home page! 的主页。我只是在定位方面不是那么精明，可以使用一些帮助。我希望它粘在底部，这样当内容 div 移动时，较低的内容将保持不变。

有没有办法让子 div 比父 div 扩展得更宽，但也坐在父 div 后面？

您可以看到问题的页面是here。

下面是 CSS：

#content {
width:990px;
height:auto;
min-height:540px;
background-color:#fff;
margin: -151px auto 0 auto;
-webkit-box-shadow: 0px 1px 30px rgba(50, 50, 50, 0.62);
-moz-box-shadow: 0px 1px 30px rgba(50, 50, 50, 0.62);
box-shadow: 0px 1px 30px rgba(50, 50, 50, 0.62);
}

#lower-content-sub {
height:250px;
width:100%;
background-color:#fff;
border-top: 5px solid #666;
border-bottom: 2px solid #666;
background-image:url(../images/noise.jpg);
}

还有 HTML

<div id="content"></div>
<div id="lower-content-sub">
</div>

Answer 1

尝试应用此属性。

给#content div 设置一个position:relative;

到#lower-content-sub 设置position:absolute; bottom:0; 和margin-top:250px;（margin-top 等于 lower-content-sub 高度）

希望它能指导您解决问题。