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

Question

我的问题是，我有一个设置为 712px 宽的父 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;
}

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

谢谢！

Answer 1

轮播位置应设置为relative。