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/