css - 从顶部开始的绝对位置，水平居中的 div

Question

我查看了 googol google 结果，但没有找到任何有效的方法。

我需要让我的 div(高度 333 像素，宽度 550 像素)水平居中，并且始终距离顶部 275 像素。每次我尝试这样做时，它都会消失。

Answer 1

如果 div 应该位于顶部，则必须使用 position:absolute。否则，@sdleihssirhc 的答案应该有效。

定位示例

#middlebox
{
    position:    absolute;
    top:         275px;
    left:        50%;    /* move the left edge to the center … */
    margin-left: -275px; /* … and move it to the left half the box’ width. */
    z-index:     9999;   /* Try to get it on top. */
}

使用类似 Dragonfly 的工具或 Firebug如果它仍然消失，请检查属性。