css - 親内に div を自動的に垂直にスタックするにはどうすればよいですか?

Question

これが私が達成しようとしていることです...

1. 「親」には位置があります：相対
2. "div 1-3" have position:absolute

ただし、これを行うたびに、CSS で特定の「トップ」値を割り当てなければならないことに気付きます。したがって、div 1 は top:50px、div 2 は top:150px、div 3 は top:225px になります。

上位の値や絶対位置を割り当てずに、div が親の内部にスタックし続けるようにする方法はありますか?

Answer 1

Adivはすでにブロックとして表示され、完全な「行」を占めているはずです。例を示す 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>

Answer 2

div 要素はブロック要素です。つまり、それらは行全体を取り、その隣の要素は行をスキップします。ただ行う：

<div></div>
<div></div>
<div></div>

それでもうまくいかない場合は、おそらくそれらを display: inline-block; に配置する必要があります。

Answer 3

絶対配置を削除するだけです。を使用して div を中央に配置し、margin:auto好きな垂直マージンを指定します。

Answer 4

内部divにマージンを与えることができます。