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盒子自身宽高的一半给负值