css - 如何获得最小宽度行为(例如 float 或 pos : abs) without using a float or pos: abs 时

Question

假设我有一个 block 元素，例如 h2:

<h2>Title</h2>

然后我给它一个背景色。背景将跨越 wrapper 的整个宽度(应该如此)。

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

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

fiddle :

http://jsfiddle.net/QxRRh/

Answer 1

这是一个(非常简单的)方法......

h2 {
    display: table;
}

Fiddle