如何获得最小宽度行为（如在浮动或POS：ABS），而不使用浮动或POS：ABS

Question

比方说，我有一个块元素，如H2：

<h2>Title</h2> 

而我给它是一种背景颜色。背景将跨越包装的整个宽度（因为它应该）。

如果我把它浮起来，或者是position: absolute，它会“收缩包裹”这个词。但是，这两种方法都会将该元素从“流”中取出，并阻止它将其余内容推送到页面中。

我想避免每次都要在标题下添加一个清除。有更好的解决方案吗？我认为overflow属性可以做到这一点，但我没有搞清楚。

小提琴：

http://jsfiddle.net/QxRRh/

Answer 1

这里有一个（很简单）的方式...

h2 { 
    display: table; 
} 

Fiddle

Answer 2

裹在<span>标题文本和应用背景颜色那跨度。

HTML：

<h2><span class="blue">Title</span></h2>

CSS：

.blue{ background-color:blue; }