HTML - 中心Div不使用位置相对

Question

我试图将div放在页面上，但它不起作用。

我需要在div的样式上使用Position：Relative，因为如果我不使用它，整个div将不会出现在页面上！

现在是这种风格：

#page-wrap {
    width: 720px;
    margin: 0 auto;
    position: relative;
    z-index: 300;
    background: rgba(0,0,0,0.7);
    overflow: hidden;
    padding: 30px 50px;

    border-left: 10px solid rgba(255,255,255,0.2);
    border-right: 10px solid rgba(255,255,255,0.2);
}

div出现在页面顶部，水平居中，但我想垂直居中......

我该怎么做？

提前多多谢谢;）