Html 移动容器时会减少浏览器窗口

我正在使用一个自己制作的容器，但是，当我调整浏览器窗口的大小时，容器会沿着窗口移动，我希望它静止在您的位置

这是CSS：

.container {
margin-right: auto;
margin-left: auto;
width: 1000px; /* yes, because style of PSD file. need follow design */
}

---

margin:auto

根据其父元素的宽度将

.container

居中放置

.container

具有流体宽度（例如100%）的父元素。当您调整窗口大小时，此元素的宽度会发生变化，因此您的容器将根据新宽度自动重新居中

有几种解决方案：

1） 将

.container

以固定宽度包装在元素中，该宽度在浏览器调整大小时不会更改

CSS:

HTML:

下面是一个JS提琴，展示了以下示例：

---

margin:auto

将使块元素居中，这就是它移动的原因。给它一个静态的边距，比如

marginleft:100px

，它就不会移动。我的div不是一个块，如果我设置了“display:block”，它就可以工作了？你是否将div设置为不同的CSS实体？因为默认情况下，所有div都是块元素。请创建一个JSFIDLE示例或给出一些上下文。什么在包装你的容器？您使用的是引导响应式布局吗？不是。没有引导，只从样板文件中规范化.css。我在这里测试了您的代码和工作。谢谢你，女孩。你真好。（真的是一个女孩对吗？）。谢谢

.wrapper-fixed-width {
    width: 500px;
}

<div class="wrapper-fixed-width">
    <div class="container bg">The parent element has a fixed width (pixels)</div>
</div>

.container {
    margin: 0 50px;
}