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

Question

下面是我用来放置#lower-content-subdiv以粘贴到#contentdiv的底部的CSS。我试图将它定位为home page!中的主页。我只是不太懂定位，需要一点帮助。我想让它粘在底部，这样当内容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-sub设置一个position:absolute; bottom:0;和margin-top:250px; (margin-top = lower-content-sub height)

希望它能引导你找到解决办法