html - 当父级设置宽度时，将子级 div 的宽度设置为 100%

Question

我的问题是，我有一个设置为 712 像素宽的父 div。在其中我需要一个宽度为 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;
}

查看我的 fiddle :http://jsfiddle.net/yJ4EM/

谢谢!

Answer 1

轮播位置应设置为相对。