如何从父div设置div绝对位置

Question

我需要输出一些包含绝对有问题的子div的div：

<div class="parent">
    <div class="child">
     Some content 1.
    </div>
</div>
<div class="parent">
    <div class="child">
     Some content 2.
    </div>
</div>
<div class="parent">
    <div class="child">
     Some content 3.
    </div>
</div>

.parent {
    position: relative;
    margin-top: 50px;
}
.child {
    position: absolute;
    top: 0;
    left: 10;
    width: 200px;
    height: 200px;
}

但我的麻烦是孩子们正在堆叠在彼此之上，我希望他们一个接一个地垂直显示。我可以通过指定父div的高度来完成此操作：

.parent {
    position: relative;
    margin-top: 50px;
    height: 200px;
}

但有没有指定高度的方法？

我创造了一个小提琴：

http://jsfiddle.net/n38546ca/1/

感谢任何帮助。

Answer 1

将（padding-top：50px;）添加到.parent div

.parent { position: relative; margin-top: 50px; padding-top: 50px; }