translate 和 position的区别

如题所述

推荐答案 2017-10-28

两者都是相对于本身移动位置
区别：
1、当元素原来已经有position:absolute的时候，这时候你想相对于本身移动，可以使用translate
2、做动画的时候translate更适合，不会引起页面的重排和重绘
3、关于transform类的，可以使用GPU加速，提高浏览器的性能
总之：transform更适用于动画

温馨提示：答案为网友推荐，仅供参考

当前网址：http://22.wendadaohang.com/zd/C60622I0fCST666C6S6.html

其他回答

第1个回答 2020-12-26

Vue实践-CSS样式position/display/float属性对比使用

相似回答

position与transform答：简单点说，数值越高，元素越在顶上。所以transform: translateX(0px)可以给这个类加了一个position属性，然后我新建了一个html文件试了下，发现当有transform: translateX(0px)（或者其他改变div位置的值）属性的div的子div有position:absolute或者position:relative属性会相对于有transform: translateX(0...

css绝对定位如何居中css绝对定位如何居中答：要点:设置相对定位位置:父元素中的相对和绝对定位位置:绝对；在子元素中；和左上相对于父元素的50%，伴随的transform:translate(-50%，-50%)表示x轴和y轴方向水平居中。HTML:CSS:重要:子元素的绝对位置是position:absolute，父元素的相对位置是position:relative。将顶部、底部、左侧和右侧的值设置为0，...

大家正在搜

position和area的区别 room和position的区别 title和position区别 position和place区别 position和job的区别 online translate cssposition属性区别 absoluteposition post和position