CSS(22) -- 改变位置之 translate vs 定位

为什么大多数情况下，我们会选择用 translate 来改变位置而不是定位？

translate 是 transform 属性的一个值。改变 transform 或 opacity的值不会引起文档的重构，只会引起本元素的重绘！！！ 因为该元素本身就占有位置

而改变 position 的值，会引起文档的重构，那么就会用到 CPU ，因为 translate 更有效！！！

注意：

• 使用 translate 改变位置后，元素还是会占有它原来的位置，但使用 定位position 就不会！！