使用百分比来绝对定位一个元素，并配合使用translate，将元素移动定位居中。
<div class="parent-frame" style="position: relative;">
利用绝对定位，配合translate移动到水平垂直居中。
<div class="child-frame" style="position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);">
不需知具体大小。支持IE9+及现代浏览器
</div>
</div>
利用绝对定位，配合translate移动到水平垂直居中。 不需知具体大小。支持IE9+及现代浏览器
如果您觉得本文的内容对您的学习有所帮助：
关键字：
DIV