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的技巧。

div居中但也固定

2 个答案: