Css 做一个俯卧撑向左伸展到无限远

Css 做一个俯卧撑向左伸展到无限远,css,infinity,Css,Infinity,我想让标签将背景延伸到浏览器窗口的左侧,但似乎无法。有人能帮忙吗 请点击此处: 包装器div用于在更大分辨率的屏幕上居中显示页面。如果可能的话,我希望将其居中。一旦您的div位于较小的父级中,就很难将其延伸到浏览器边框。应该使用全部空间,然后将每个项目居中(h2除外)。您需要在h2中有一个额外的跨度来容纳实际内容 缩小版: <div id="wrapper"> <h2><span>This is a header/title</span>&

我想让
标签将背景延伸到浏览器窗口的左侧,但似乎无法。有人能帮忙吗

请点击此处:


包装器div用于在更大分辨率的屏幕上居中显示页面。如果可能的话,我希望将其居中。

一旦您的div位于较小的父级中,就很难将其延伸到浏览器边框。应该使用全部空间,然后将每个项目居中(h2除外)。您需要在h2中有一个额外的跨度来容纳实际内容

缩小版:

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

或者按照您的风格:

您可以从#中创建一个删除“margin:20px auto”;包装器是JSFIDLE。我无法删除自动左/右边距,因为容器/包装器将以更大的分辨率将内容居中。只需观察:
位置可以是
绝对、相对、固定或静态
。删除此行
位置:inline
从你的
#包装器
div:)@Morpheus是的,我已经在我的工作版本中删除了这个。这就是在深夜编写代码时发生的情况。ty;)这正是我所担心的。因此,我必须创建一个新类,它将分配所有内容的宽度,并在其上设置一个左右自动边距。哦,谢谢你的帮助。
p {
    width:500px;
    margin:0 auto;
}

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

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