CSS：扩展宽度大小

嘿。我正在为我的网站设计一个简单的设计/框，我想让宽度比现在更宽。现在它是980px，我想把它变成1150px，但是当我这样做的时候，我的不透明边框变得很奇怪，方框转向右边，我希望它都在中间

以下是之前的内容：

这是后面的：宽度1150px

---

如何修复此问题？

您应该根据新宽度相应地更改透明背景的宽度。它应该是1150-980=170像素宽。从宽度开始：1010px；到宽度：1180px

也许可以尝试一种稍微不同的结构……而且你的CSS比你需要的多一点我相信：

<div id="clear-bg">  </div> 

<div id="page">     aa     </div>

并删除这些元素的其他声明…

更改

#page {
    width: 980px;
    margin: -275px 0px 0px -490px;
    ...
}

到

和变化：

#clear-bg {
    ...
    width:1010px;
    margin: -290px 0px 0px -505px;
    ...
}

致：

#page {
    width: 1150px;
    margin: -275px 0px 0px -575px; /* -1150 / 2 */
    ...
}

#clear-bg {
    ...
    width:1010px;
    margin: -290px 0px 0px -505px;
    ...
}

#clear-bg {
    ...
    width:1180px;                   /* 1150 + 30  */
    margin: -290px 0px 0px -590px;  /* -1180 / 2 */
    ...
}