css - 在中心设置 div block

Question

我需要在屏幕中央设置div block ，但我不知道如何。

.pop-up{
    width: 850px;
    height: 640px;
    z-index: 10;
    left: 20%;
    position: fixed;
    top:1%;
    background-color: #fff;
    border-radius: 5px;
    box-shadow: 0 0 3px rgba(0,0,0,0.5);
}

应该有position:absolute;。

Answer 1

将位置设置为绝对。和 top, bottom, right, left 为 0. 然后提供固定宽度并使用边距自动。这将使 div 居中。重要的是你需要使用固定的宽度和高度。请在此处查看演示。如果这不是您的解决方案，请告诉我...

[Demo](http://jsfiddle.net/U2FZj)

有关定位的更多信息，请点击以下链接。下面的章节很棒

Detailed Positioning