css - div を左に無限に伸ばす

Question

タグで背景をブラウザ ウィンドウの左側に引き延ばしたい<h2>と考えていますが、できないようです。誰でも助けることができますか？

Jsfiddle はこちら: jsfiddle.net/4fm8x/20

より大きな解像度の画面でページを中央に配置するには、ラッパー div が必要です。できればこれを中心にしたい。

Answer 1

あなたの div が小さな親の中にあるとすぐに、それをブラウザーの境界線まで伸ばすのは難しくなります。機能するのは、スペース全体を使用してから各アイテムを中央に配置することです（h2を除く）。実際のコンテンツを保持するには、h2 内に追加のスパンが必要になります。

縮小版:

<div id="wrapper">
    <h2><span>This is a header/title</span></h2>
    <p>This is the text.</p>
</div>

と

p {
    width:500px;
    margin:0 auto;
}

h2 {
    width:50%;
    overflow: hidden;
    background: #FF8C00;
}

h2 span {
    width: 250px;
    float: right;
}

またはあなたのスタイルで：http://jsfiddle.net/YW2ce/