在页面中心创建一个固定的div

Question

尝试在我的页面中心创建一个固定的框（示例中为灰色框）

我无法弄清楚为什么盒子不会在页面中居中，因为它有自动余量，我假设这与它的固定位置有关？

#countdownHolder{
    width:700px;
    height:250px;
    margin: 0 auto;
    position:fixed;
    background-color:#0F0;
    z-index:21;
    text-align:center;
}

实例：http://www.rubytuesdaycreative.co.uk/

编辑：只是要添加我想要在页面中间修复div，我只是想让它居中。

Answer 1

试试这个：

#countdownHolder {
    background-color: #00FF00;
    text-align: center;
    margin-left: -350px;
    position: fixed;
    left: 50%;
    height: 250px;
    width: 700px;
    z-index: 21;
}