使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/