css - float または pos: abs を使用せずに最小幅の動作 (フローティングまたは pos: abs の場合など) を取得する方法

Question

h2 などのブロック要素があるとします。

<h2>Title</h2>

そして、背景色を付けます。背景は、ラッパーの幅全体に広がります (そうあるべきです)。

フロートする場合、またはposition: absolute、単語を「シュリンクラップ」します。ただし、これらの方法はどちらも要素を「フロー」から外し、残りのコンテンツがページの下に押し出されるのを防ぎます。

毎回タイトルの下にクリアを追加する必要は避けたいです。より良い解決策はありますか？プロパティがそれを行うことができると思ったoverflowが、私はそれを理解していない.

フィドル:

http://jsfiddle.net/QxRRh/

Answer 1

これが1つの（非常に単純な）方法です...

h2 {
    display: table;
}

フィドル