html - div 居中但也固定

Question

我知道它可能是一个网络游戏（travian）。我想要做的是有一个 800 宽度的 div 做两件事：

第一：如果浏览器的宽度超过 800 像素，则潜水中心本身在浏览器中（我已经弄清楚了）

其次，如果我将浏览器窗口拖得更小，我的 div 会滚动到页面的左侧。当页面小于 800 时，我希望它不会越过页面的左侧（0px）。

Travian 做到了，但我无法弄清楚，因此我们将不胜感激。

这使我的盒子居中但是在调整浏览器大小时它会切断左侧（让它平移过去浏览器的左边缘）

#NavBar {
    position: absolute;
    width: 425px;
    margin:0 -225px 0 -225px;
    height: 70px;
    z-index: 4;
    left: 50%;
    min-width: 425px;
    top: 15px;
    color: white;
}

Answer 1

试试这个 CSS

.div-class{
 width: 800px;
height:400px;
margin:0 auto;

}

Answer 2

预览： http: //jsfiddle.net/PJC4a/1/embedded/result/（尝试调整窗口大小）

代码：http: //jsfiddle.net/PJC4a/1/

.box {
    width: 800px;
    height: 400px;
    background-color: blue;
    margin: auto;
}

这是可用于仅使用 css 水平居中 div 的技巧之一。