当transform: translate(x,y)中x,y的值为百分数时的处理

translate(x,y) 括号里的值为百分数时，会以目前元素本身的宽高做参考，比如，目前元素本身的宽为100px，高为50px， 那填(50%,50%)，则表示就是向右移动50px、向下移动25px（正百分数），添加负号（负百分数）就是向着相反的方向移动，即左、上。

CSS代码

效果图

拓展：利用该知识点与position结合，可实现水平、垂直居中定位。