css - 从顶部,水平居中的div的绝对位置

时间:2011-05-11 16:45:54

标签: css css-position centering

我看过googol谷歌搜索结果而没有找到任何工作。

我需要将div(高度333像素,宽度550像素)水平居中,并且始终距离顶部275像素。每当我尝试这样做,它就会消失。

3 个答案:

答案 0 :(得分:26)

如果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. */
}

使用DragonflyFirebug等工具检查属性是否仍然消失。

答案 1 :(得分:0)

根据内容和上下文,您可以设置div的边距:

margin: 275px auto 0;

答案 2 :(得分:0)

除非您考虑静态定位,否则我认为您根本不需要使用绝对定位。试试这个:

<html>
<head>
<title>Test</title>
</head>
<body>
<div style="width:550px; height:333px; background-color:orange; margin: 275px auto">
Is this what you want?
</div>
</body>
</html>