儿童div比父母宽，但在父母之后。有没有办法做到这一点？

Question

下面是我用来尝试定位#lowal-content-sub div以固定在#content div底部的CSS。我试图将它定位为Home page的主页！我对定位并不精通，可以使用一些帮助。我希望它坚持到底部，所以当内容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 height）

希望它能引导您找到解决方案。