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

Question

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

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

您可以在此处查看问题的页面。

下面是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

尝试应用此属性。

给#contentdiv 设置一个position:relative;

设置#lower-content-subaposition:absolute; bottom:0;和 a margin-top:250px;(margin-top 等于 lower-content-sub 高度)

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