负边距+定位:水平垂直居中(Negative Margin)

 

使用绝对定位将content的定点定位到body的中心,然后使用负margin(content宽高的一半),将content的中心拉回到body的中心,已到达水平垂直居中的效果。

 
.Content {
    position:absolute;
    left:50%;
    top:50%;
    width:550px;
    height:350px;
    margin-top:-190px;
    margin-left:-275px;
    padding:15px;
    border:1px dashed #333;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    border-radius:5px;
    background-color:#eee;
}