使用 translate 改变位置的优势 - 性能、动画和兼容性 - 常规

有时候使用 'translate' 来改变元素的位置而不是定位的原因有以下几点：

性能优化： 使用 'translate' 进行位移变换时，浏览器会使用硬件加速来进行渲染，这样可以提高性能。而使用定位属性进行位置调整时，浏览器可能需要重新计算元素的布局和重绘，影响性能。
动画效果： 使用 'translate' 进行位移变换可以实现平滑的动画效果，因为浏览器会使用硬件加速来处理动画效果。而使用定位属性进行位置调整时，可能会出现卡顿或者闪烁的情况。
兼容性： 使用 'translate' 进行位移变换可以在大多数现代浏览器上得到一致的效果，而使用定位属性进行位置调整时，不同浏览器可能会有不同的效果。

总之，使用 'translate' 进行位移变换可以提供更好的性能和动画效果，并且具有更好的兼容性，因此在需要进行位置调整的情况下，建议优先考虑使用 'translate'。