CSS01_transform: translate(-50%,-50%)

问题：当使用 top: 50%；left: 50% 时，元素并不在中心，而是偏右下一点

代码：

.center{
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	/*-webkit 是表示针对 safari 浏览器支持，-ms表示针对 IE 浏览器支持*/
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
}

当使用：top: 50%；left: 50%； 是以左上角为原点，故不处于中心位置

translate(-50%,-50%) 作用是，往上（x轴）、左（y轴）移动自身长宽的 50%，以使其居于中心位置