html - body 居中时页面居中{position:Absolute;}

我忙于这个新的网站内容，遇到了一个问题。通常，在制作菜单时，我只会使用整个空间，例如100% width，也许是100px height，但是现在，我只需要使用其中的一部分，因此菜单两侧都有一个空格。

我试图将带有菜单的正方形移到页面的绝对顶部，这是最明显的解决方案：

position:absolute;
top:0;

但是现在，正方形也移动到了页面的绝对左侧，相反，我希望它居中，但我无法到达那里。这是我的CSS的一部分：

body, html {
    background-color: #ecf0f1;
    position: absolute;
    top: 0;
    margin: 0 auto;
}

.navbox {
    background-color: #000;
    height:100px;
    width: 700px;
    margin: 0 auto;
}

有解决方案的人吗？

最佳答案

 position:absolute;
 top:0;
 left:0;
 right:0;

左右调整以适合您所需的页边距。

关于html - body 居中时页面居中{position:Absolute;}，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/25688153/