Html 将div放置在另两个不同高度div的下方 `

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

现在的问题是，当我放置parent2分区时，它超过了child1的200px。我想在container div之后显示

---

任何帮助

请您为上面的代码添加css，这样我们就可以看到为什么它是重叠的。另外，没有

child2

div请提供一个简单易懂的演示，您的问题不确定是否有错别字，但您的类“right”拼写错误。此外，如果您不使用浮动，那么清除可能不会起任何作用。CSS会有所帮助。

 <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>`