前端面试练习-CSS实现固定宽高的div在不同分辨率屏幕上下左右居中

绝对定位方案

div{
    width: 200px;
    height: 200px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -100px; //元素高度的一半
    margin-left: -100px; //元素宽度的一半   
}

刚开始的时候不理解为什么设置了50%，还要使用margin-top和margin-left。因为50%的时候并不是真正的居中。