html - 当存在 float 时，如何使 H4 元素表现得像 HR

Question

这是我的代码:

http://jsfiddle.net/beA4a/

<div style="float:right; width:200px; border:solid 1px #000; height:300px;"></div>
<p>Text</p>
<hr/>
<h4 style="border-bottom:solid 1px #000;">H4 Text</h4>

请注意 hr 如何停在 float 的 div 处，但 h4 直接穿过它。是否有任何 CSS 可以应用于 h4 以使其行为相同而无需在 h4 上指定宽度？

我想要这样，如果 h4 被推到 float div 下面，它就会像 hr 一样占据整个页面宽度。

Answer 1

只需将 overflow: hidden 添加到 h4

h4{
   overflow:hidden;
}

Demo