eg.png
html代碼：
<div class="end">
<div class="to-center"></div>
</div>
css代碼：
.end{
width: 500px;
height:500px;
border:1px solid red;
position: relative;
}
.to-center{
width: 200px;
height:200px;
background:green;
position: absolute;
top:50%;
left:50%;
transform: translate(-50%,-50%);/*同理：margin-left： -100px;margin-top： -100px;*/
}
先使用定位坛掠，將這個(gè)綠色盒子定位到離上面50%，離左邊50%的位置上治筒，然后再使用transform 優(yōu)雅降級(jí) 將盒子多移出去的一半大小減去即可完成屉栓。
