top、left、right、bottom设置百分比基于父元素！
首先定位之后,left、top、right、bottom 设置百分比的情况是
因为在不同设备下，定位的元素宽高也是不同的，那么这个时候给出固定值显然是不对的。所以用到了百分比
translate’的百分比参照自身
遇到这个问题的时候，是因为我想把这个元素定位居中，可是我要居中的元素没有宽高，是内容撑起来的，那么我无法设置margin值来让他偏移！translate的作用派上了用场！在我设置top、left为50%的时候，设置translate(-50%, -50%)，因为它基于自身宽高度，这样不用计算他的宽高啦