css脱离文档流的中间布局
2017-07-25 本文已影响0人
小白脸开红花
position：fixed；position：absolute；都适用
html内容：
<div>123</div>
div {
background:#777;
position: fixed;
margin:auto;
left: 50%;
top:50%;
transform:translateY(-50%) translateX(-50%);
}/*不设长宽在中间 ie9以上正常*/
/* div {
width: 100px;
height: 100px;
background:#777;
position: fixed;
margin:auto;
left: 50%;
top:50%;
transform:translateY(-50%) translateX(-50%);
} *//*ie9开始在中间*/
/* div {
width: 100px;
height: 100px;
background:#777;
position: fixed;
margin:auto;
left: 0;
right: 0;
top:0;
bottom: 0;
} *//*ie8开始在中间*/
