在页面中心创建一个固定的 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;
}