css - 了解不触发布局的 CSS 转换

标签 css css-transforms

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

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

这可能是一个显而易见的问题,但这是否意味着无论页面上的其他内容如何,​​它们都将始终独立应用?

例如,当我用 translate(x,y) 更改位置属性以向下移动一个框时,它不会推送下面的内容吗?我做了一个fiddle我自己,而且似乎改变位置完全不在 dom 流中。

最佳答案

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

检查 this更多描述的链接。

关于css - 了解不触发布局的 CSS 转换,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/39607684/

相关文章:

PHP 在列中显示图像

jquery - 每次相对于当前位置翻译一个元素?

CSS 翻译3d

css - 在使用 CSS 变换倾斜后应用于位置 div 的边距

html - 通过 CSS 旋转和放置图像不适用于 270 度

css - 翻译和缩放动画问题

css - 两列动态布局

javascript - 我可以将逻辑运算符放在 document.querySelectorAll 中吗?如果是这样,如何?

javascript - onmouseout 的问题 - 简单的下拉菜单 Javascript

HTML/CSS : Center Align Tabs