子元素在浏览器窗口居中的方法

1、上下左右都为0，再加上margin：auto

div{
    width:200px;
    height:200px;
    background:#f00;
    position:fixed;
    left:0;
    right:0;
    top:0;
    bottom:0;
    margin:auto;
}
同时也可以使用该方法在父元素中居中。把子元素中的position：fixed;改为position：absolute；然后在父元素中添加position：relativ；

2、left和top为50%，margin-left、margin-top平移50%
div{
    width:200px;
    height:200px;
    background:#f00;
    position:fixed;
    left:50%;
    top:50%;
    margin:-100px 0 0 -100px;               //margin-left、margin-top平移50%的缩写
}
这里的margin:-100px 0 0 -100px;是根据div盒子自身宽高的一半给负值