[解決済み] divを親の中で自動的に縦に重ねるにはどうしたらいいですか？

質問

私が目指しているのは、こんなところです...。

1. parent"はposition:relativeを持ちます。
2. div 1-3"はposition:absoluteを持ちます。

しかし、これを行うたびに、CSS で特定の "top" 値を割り当てなければならないことに気づきました。例えば、div 1はtop:50px、div 2はtop:150px、div 3はtop:225pxというようにです。

トップ値や絶対位置指定をせずに、div が親の中で重なり続けるようにする方法はありますか？

どのように解決するのですか？

A div はすでにブロックとして表示され、完全なquot;row"を占めているはずです。以下に例を示すHTMLとCSSを示しますので、あなたのコードと比較してみてください。

http://jsfiddle.net/mWcWV/

<div id="parent">

    <div class="child">Foo</div>
    <div class="child">Bar</div>
    <div class="child">Baz</div>

</div>