将div与页面中心对齐,而其位置是绝对的？

Question

我怎么能align一个DIV到我的网页的中心,而它position是absolute？如果可能的话,不使用javascript.

Answer 1

你可以,如果你知道的宽度,这样做DIV要居中.

CSS:

div
{
    position: absolute;
    top: 50%;
    left: 50%;
    width: 400px;
    height: 300px;
    margin-top: -150px;
    margin-left: -200px;
}

将左上角定位在中心,然后使用宽度的一半的负边距使其居中.

Answer 2

position: absolute;
left: 50%;
transform: translateX(-50%);

Answer 3

试试这个:

position: absolute;
width: 600px;
left: 50%
margin-left: -300px;