1. translate 产生的位移始终是相对于元素最初位置,而left是相对于元素当前位置。(注:其实这个理解是错的,都是相对当前位置,只是连续两次设置translate或left不会叠加,而产生的误解)
因为translate和left产生的位移可以叠加,而两次translate产生的位移只会以最后一次为准,两次left产生的位移也只会以最后一次为准。
2.translate和left产生的位移互不影响,不会因为translate的位移设置为0,而影响left的位移,反之亦然。
3.left产生位移的前提条件是,元素必须设置position属性。
4.offsetParent默认是body
5.translate不会改变offsetLeft和offsetTop的值,而left会改变。
5.clientLeft:边框的宽度。clientWidth:设置的width,
offsetLeft:元素距离offsetParent指定的parent元素的左边框的距离,
offsetWidth:width + 2*border-width

本文深入探讨了CSS中的translate与left位移属性的使用区别,包括它们如何相互作用以及如何影响元素的位置。重点阐述了translate与left产生的位移是否可以叠加,以及translate与left在应用时的注意事项。
569

被折叠的 条评论
为什么被折叠?



