奇怪的<hr />标记行为

Question

当我尝试在文本已被包装的div之后放置hr标记时，div显示为this。如果仔细观察，该线条位于段落中间的一侧。如果没有包装文本，它可以正常工作，但如何为多个帖子帖子修复此问题。

Answer 1

将hr { clear: both; }添加到您的样式定义中。否则，它将被渲染到左侧浮动的封闭段落旁边。

我相应地更新了您的jsFiddle example。