Css 中心网站在小分辨率

我有以下问题。我有一个以所有元素为中心的网站。 内容部分是一个div，宽度为1060px，边框为0 auto。到目前为止效果很好

问题是，当我将浏览器大小设置为1024时，这个div不居中，而是从左侧开始。这个div还有一个40px的内部填充。在小分辨率下，您可以看到左侧的填充，但看不到右侧的填充

长问题短。。。无论浏览器窗口大小如何，我都必须使网站始终居中

编辑1： 逻辑上的问题是，当缩小浏览器窗口的宽度时，每个浏览器都会将网站放在窗口的左侧“边框”上。是否有解决方法来防止这种情况？使浏览器将页面“负”移到浏览器左侧之外

提前感谢

CSS：

body {
width: 99%;
max-width: 1060px;
min-width: 800px;
margin: auto 0;
}

---

使用百分比更安全，但可能会导致定位等问题。使用最小/最大值将风险降至最低。

如果您的固定宽度比屏幕大，那么一旦您使用了更小的浏览器，就会出现这种情况

你有没有考虑过让它更具响应性，比如

.container{
  width:100%;
  max-width:1060px

/* then any other styles, margin etc */
}

这样，主容器将随浏览器调整大小

Ethan Marcotte的responsive design是一本在响应性网站上了解更多信息的好书

html{
宽度：100%；
高度：0自动！重要；
背景：/*任何背景*/；
}
身体{
position:relative；//如果使用此函数，则不需要包装器
排名：0；
宽度：1060px；
//此处有其他属性，但无保证金属性
}
$（文档）.ready（函数（）{
var q=$（“html”）.width（）；
var w=$（“正文”）.width（）；
如果（q）这是你思维中的一个逻辑错误。你对内容使用静态宽度。因此，当视口的宽度小于内容div的宽度时，除了从左边框开始并给出一个滚动条外，没有其他变化。如果你真的想为每个可能的浏览器大小设置一个中心，那么你必须使用动态测量ents（例如%）。但我不会使布局完全流畅，因为这会破坏某些窗口大小的布局。您是否考虑过使用媒体查询并根据视口大小定义样式？是否应该反过来？我通常使用
.wrapper之类的工具{宽度：50em；最大宽度：95%；边距：0自动；}
有一个固定的流体布局。@feeela取决于它是如何建造/设计的。如果一个设计是以1100px的速度完成的，我会把它作为最大宽度，居中。然后让它对任何小于设计/完美尺寸的东西做出响应。但是我也不工作。绝对宽度div的东西是正确的…有w吗除了响应性设计外，还有什么其他的解决方法？@sparks响应性网页设计是你最好的解决方法。阅读一些关于这个概念背后的想法。调整窗口大小时，所有元素都会四处浮动，因为主体宽度以百分比表示，这将导致在调整窗口大小时主体宽度发生变化！@有抱负的Aqib使用主体是只是一个例子。哈哈哈，哈哈哈，哦，伙计，我也在笑，哦，那是唯一的例子！嘿，伙计，给我藏起来的地方。哦，伙计，那只是个例子！：哈哈，如果这是个例子，尽管你学了些东西！
html {
width:100%;
height:0 auto !important;
background: /* Any Background */;
}
body {
position:relative; // no need of wrapper if use this
top:0;
width:1060px;
// other properties here but no margin properties
}

$(document).ready( function() {
var q = $("html").width();
var w = $("body").width();
if (q <= w) {
q = w;
}
var e = q/2;
var r = w/2;
var left = e-r;
$("body").css({ "left":left+"px" });
});