css - 如何自动在父项内垂直堆叠 div？

Question

这就是我想要完成的...

1. “ parent ”有position:relative
2. “div 1-3”有position:absolute

但是，每当我这样做时，我发现自己必须在我的 CSS 中分配特定的“最高”值。所以 div 1 可能是 top:50px，div 2 可能是 top:150px，div 3 可能是 top:225px；

有没有办法确保 div 继续堆叠在父级内部而不分配顶部值和/或绝对定位？

Answer 1

div 应该已经显示为一个 block 并占据一整行。下面是一些 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>