当存在浮点数时，如何使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如何在浮动的div处停止，但h4通过它直接通过。是否有任何CSS可以应用于h4，使其在h4上指定宽度时的行为方式相同？

我想要它，以便如果h4被推到浮动div之下，它将占用整个页面宽度，就像hr那样。

Answer 1

只需将overflow: hidden添加到h4

即可

h4{
   overflow:hidden;
}

Demo