css - 使 div 向左延伸到无穷大

Question

我正在寻找 <h2>标签将背景拉伸(stretch)到浏览器窗口的左侧，但似乎无法做到。谁能帮忙？

Jsfiddle 在这里:jsfiddle.net/4fm8x/20

包装器 div 用于在较大分辨率的屏幕上将页面居中。如果可能的话，我想让它居中。

Answer 1

一旦您的 div 在较小的父级中，就很难将其拉伸(stretch)到浏览器边界。应该做的是使用整个空间，然后将每个元素居中(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/