我正在尝试构建一个在相当高的分辨率下效果最好的网站，但当分辨率变低时，它也会尽可能向左滑动。
我什至不确定要在这里复制什么代码，所以链接是：
我需要的是左侧#page停止在右侧#logo加几个像素处向左滑动。它13.25em来自页面的左侧。
我将左边距设置#page为13.25em，看起来是正确的，但是在更高的分辨率下，页面看起来很奇怪，因为它没有居中。我想保持居中，但也想阻止它在某个点滑动。
所以我希望左边不要比这更左：
如果我可以在我在这里提到的两个元素上使用纯 CSS 来做到这一点，我会非常喜欢，但我可以根据需要添加 HTML。
很长一段时间以来，我一直在为如何提出这个问题而苦苦挣扎，所以请向我提问，或者编辑这个问题以提高问题的清晰度。
以下是它目前在两种分辨率下的图像：
这是它应该如何看待以下分辨率的图像1540：
任何高于 ~ 的分辨率1540都会像现在一样平滑地向右滑动。
我最后做的是在#page. 这不是我在完美世界中想要的，但我min-margin在完美世界中想要（或至少margin: min()）！
在包装纸上，我应用margin: 0 13.25em;了13.25em我想#page停止向左滑动的位置。两边相等的边距#page居中而不会13.25em向右移动。因为我使用了margin而不是padding，所以右侧可以溢出浏览器而不会导致水平滚动条出现。
这似乎是一个很好的修复。我最初一直在寻找更“聪明”的东西而不添加 HTML，但这很简单，而且看起来很有效，看起来很值得额外的标记。
如果您不为元素使用边框，则可以使用它来定义“最小边距”。
.center
{
margin: 0px auto;
border: transparent solid 30px;
}
PS 我知道这是一个老问题，但 OP 本月也发表了评论。
为班级中心提供准确的宽度和高度。然后将位置设置为绝对：假设我们要设置宽度：400px；和高度：300px；尝试以下代码中心
.center
{
postion:absolute;
width:400px;
height:300px;
top:50%;
left:50%;
margin-top:-200px;
margin-left:-150px;
}