比如 top、left、transform属性的translate方法，他们的百分比都是相较谁而言的？
top、left是基于父元素的：
.parent {
position: relative;
background-color: rgb(243, 225, 225);
height: 100px;
240px;
}
.child {
text-align: center;
100px;
background-color: cornflowerblue;
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
}
translate的参数：left（x 坐标） 和 top（y 坐标） 位置参数 ，
如果是百分比，会以本身的长宽做参考
top:0; left:0 的时候：
把left设置成 50% 的时候，div.child的左、上距离就是div.parent的宽度的一半；
