奇怪<hr>標記行爲

Question

當我嘗試在包含文本的div後面放置hr標記時，div顯示爲this。如果仔細觀察，該線位於段落中間的一側。它工作正常，如果文本不包裝，但我如何解決這個多行文章。

Answer 1

將hr { clear: both; }添加到您的樣式定義中。否則，它將在左邊浮動的封閉段落旁邊呈現。

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