将元素 Y 轴平移 50% 会将其向下移动其自高度度的 50%，而不是我预期的父级高度的 50%。我如何告诉翻译元素将其翻译百分比基于父元素？还是我没听懂？
最佳答案
translate中使用百分比时，指的是自身的宽度或高度。看看https://davidwalsh.name/css-vertical-center ( demo ):
One interesting thing about CSS transforms is that, when applying them with percentage values, they base that value on the dimensions of the element which they are being implemented on, as opposed to properties like top, right, bottom, left, margin, and padding, which only use the parent's dimensions (or in case of absolute positioning, which uses its closest relative parent).
关于css - 根据元素的高度和宽度转换 X 和 Y 百分比值？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/11160227/