CSS 用 position: absolute 与 transform 来居中块级元素的问题

问题：

 position: absolute;  top: 50%; left: 50%;  transform: translate(-50%, -50%);

能起到居中的效果这里不应该相互抵消掉了相当于没有布局么

top,left跟根据父元素的宽和高偏移的，而transform: translate(-50%, -50%);是根据自身的宽高偏移的。

	第一步 



	



	第二步 



	



	所以本质上理解