怎样使一个宽为200px和高为200px的层垂直居中于浏览器中?写出CSS样式代码。

div{
    height：100px;
    width：100px;
    position:absolute;
    top:50%;
    width:50%;
    margin-letf:-100px;
    margin-top:-100px;

}
百分比，绝对定位，自身长度一半的负值