絕對定位狀況下水平垂直居中的方法

非絕對定位狀況下，通常使用margin:0 auto的方法來進行居中，但在絕對定位狀況下，margin:0 auto會失效。

這時，進行水平垂直居中能夠以下：

position:absolute;
left:50%; //left設置爲50%，這時是以元素的左側進行的水平居中，因此須要設置margin-left爲元素寬度的一半。
top:50%;//垂直居中原理同水平居中
margin-top:-100px;
margin-left:-100px;
width:200px;
height:200px;
z-index:1;