CSS div元素在它们不应该重叠时叠加

Question

我想知道为什么孩子们的评论被放入下一个父评论的标题中，而这些评论与他们甚至没有关系。我试着查看我的html中的错误，这可能会导致这种情况，但据我所知，没有任何错误。

包含我正在谈论的问题的网站是：

http://web.engr.illinois.edu/~hauger3/

感谢任何知道为什么会发生这种情况的人，并告诉我如何解决这个问题。

注意：通过开发人员工具查看html可能会更好，因为源代码看起来很讨厌。

Answer 1

问题是你使用pull-right浮动元素。

您可以通过将clear: both;添加到.panel

来轻松解决此问题

Answer 2

这是因为子评论中的.pull-right类增加了浮动float: right。例如，将其更改为填充。