父级设置宽度时，将子div的宽度设置为100％

Question

我的问题是，我的父div设置为712px宽。在其中我需要一个宽度为100％（窗口宽度）的旋转木马。在旋转木马下面，我需要页脚。

问题是页脚是在转盘下面。如何让旋转木马占据动态高度，使页脚显示在其下方而不是在其下方？

<div id="wrapper">
  <div id="content">
    This is some content above the carousel.
    <div id="carousel">Some stuff in here that needs to be 100% width.</div>
  </div>
  <div id="footer">
    The footer
  </div>
</div>

#wrapper {
    width:712px;
    margin:0 auto;
    background:#eee;
}

#carousel {
    position:absolute;
    left:0;
    right:0;
    border:1px solid red;
}

看我的小提琴：http://jsfiddle.net/yJ4EM/

谢谢！

Answer 1

轮播位置应设置为 relative 。