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

尝试在页面中心创建一个固定框（示例中为“石灰框”）

我无法弄清楚为什么框不会在页面中居中，因为它具有自动边距功能，我认为这与它的固定位置有关吗？

#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固定在页面中间，我只希望它居中。

最佳答案

尝试这个：

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

关于html - 在页面中心创建一个固定的div，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/12698750/