居中定位

//方法1
.element {   
    width: 600px; height: 400px;   
    position: absolute; left: 50%; top: 50%;   
    margin-top: -200px;    /* 高度的一半 */  
    margin-left: -300px;    /* 宽度的一半 */  
}  
//方法2
.element {   
    width: 600px; height: 400px;   
    position: absolute; left: 50%; top: 50%;   
    transform: translate(-50%, -50%);    /* 50%为自身尺寸的一半 */  
}