html - 容器div不居中

Question

我想你已经在这里被问过 1000 次了，但我已经完成了作业，但由于某种原因我似乎无法让我的容器 div 居中，我想知道你是否可以帮助我解决我的问题请错了。我已经尝试了几种不同的方法来将它对齐到中心我将把我尝试过的代码放在下面但首先我只会确认网站设置。容器 div 包含所有其他 div(令人惊讶)，但我用 asbolute 值设置了很多 div，然后用像素值定位它们，想知道这是否会影响容器 div 对齐。

body {
    margin: 0;
    padding: 0;
    text-align: center;
}
#container {
    width:2504px;
    margin: 0 auto;
    text-align: left;
}

body {
    margin-right: auto;
    margin-left: auto;
    text-align: center;
}
#container {
    width: 2504px;
    margin-right: auto;
    margin-left: auto;
    text-align: left;
}

在此先感谢您的帮助

Answer 1

假设您有 body > div，您希望后者 div 居中，这样的事情应该可行:

body { width: 100%; margin: 0; }
body > div { width: 100%; margin: 0 auto; max-width: 2504px; }