CSS—实现页面的水平垂直居中，只是页面

面试被问到居中的问题，当时说了一下，被泼了很大一盆冷水，面试官竟然很不屑听见我的回答。有点气愤，只是面试而已，何必为难我呢？

1.实现水平居中 margin:0 auto;
<div class='wrap'></div>
.wrap{width:200px;height:200px;margin:0 auto;}
2.实现页面的水平垂直居中
<div class="wrap"></div>
.wrap{width:300px;height:200px;position:absolute;left:50%;right:50%;margin-top:-100px;margin-left:-100px}

参考：http://www.86y.org/art_detail.aspx?id=496