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に設定する必要があります。