了解不触发布局的 CSS 变换

Question

我读到一些 CSS 转换属性不会触发布局：

缩放、旋转、位置、不透明度

这可能是一个显而易见的问题，但这是否意味着它们将始终独立应用，而不管页面上的其他内容如何？

例如，当我使用translate(x,y)更改位置属性以向下移动一个框时，它不会推送下面的内容吗？我自己捣鼓了一下，看来改变位置完全脱离了dom流程。

Answer 1

是的，你是对的，transform不会导致其他元素在它周围流动。这就是为什么div顶部不会将div底部向下推的原因。

检查此链接以获取更多说明。