将div放在另外两个不同的高度div下面

Question

 <div class="container">
        <div class="parent">
            <div class="child1"> 

            </div>
            <div class="child2">

            </div>
            <div style="clear: both"></div>
        </div>
    </div>
    <div style="clear: both"></div>
</div>
<div class="parent2">

</div>`

我是html的新手。在上面的代码中，Container是一个div，父div是另一个div， child1的高度为500px，child2的高度为300px。

现在的问题是，当我放置parent2 div时。它已经超过了childp 200px up。我想在容器div之后显示

任何帮助！