Css 显示在页面中心的Div，背景延伸至

查看在所有浏览器和屏幕分辨率上使div居中。 可以看到，div宽度左侧留有边距的50%是非常常见的，但将div完全包装在包含div的div中会切断我div的背景

我的div将覆盖整个屏幕，背景为浅灰色，内部div包含我的内容

我曾尝试使用百分比和像素，但无法使其位于1920宽和1200宽的中心位置

css如下所示：

#default-upper-strap {

background-color: #ddd;
width: 109.61%;
margin-top: 25px;
z-index: 99999;
position: relative;
overflow: hidden;
padding-left: 23px;
margin-left: -8px;
max-width: 1920px;
}

#default-strap-left {
width: 810px;
height: 100%;
float: left;
margin-left: 21%;
}

---

为什么不从以下几点开始：

<div class="default-upper-strap">
    <div class="default-strap-left">Some content...</div>
</div>

使用

margin:0 auto

将子元素置于父容器的中心

当父容器达到其最大宽度时，

边距：25px auto 0 auto

规则 如果这是您想要的，将负责将父容器居中

---

请参见演示：

您是否考虑过使用具有左右值的绝对位置，而不是尝试使用填充和边距居中？它通常会给出非常好的结果和透明的CSS。哪个div有被切断的背景？还有，为什么要指定109.61%的宽度，你想达到什么目的？如果我使用100%的宽度，出于某种原因，它会在右边留下一个空白。我会试试绝对位置，看看我能从中得到什么。谢谢

#默认上带的父容器是什么样子的？你能发布HTML吗？还有，哪个div应该居中，哪个应该是页面的宽度？#default strip left`是
#default upper strip
的子项吗？我们的承诺Lorem ipsum door sit amet，奉献给精英们，让他们暂时参与劳动和生活。但是，在最低限度上，我们需要一个实验室来进行日常工作。两人或两人在一个无教区的房间里互相指责。除了偶尔的不自以为是之外，还必须为自己的行为负责。
除了背景之外，效果很好的东西并没有延伸到整个屏幕上。不过我会用这个，看看我能用背景做些什么。你想拉伸哪个背景？请记住，您将“最大宽度”值设置为
。默认的上部束带
，这将限制背景的最大宽度。如果希望背景的范围超出
。默认上带
，则需要将父包装块添加到
。默认上带
，并将该宽度设置为100%，然后将背景应用于包装。我已设法解决了我遇到的背景问题，这是因为我的主要内容不够广泛。