为什么浮动位置元素缩小时元素不移动

Why float position Elements not move when the element scale down

本文关键字：元素小时移动缩小为什么位置更新时间：2023-09-26

All：

假设现在我有 3 个 DIV 坐在同一排，每个 DIV 的宽度：33%; 高度：100%;现在我想使用 transform： scale(0.5( 缩小第一个，我以为第二个会向左移动，但我不知道为什么第二个根本不移动，有人可以帮忙吗？

这里提出了一个类似的问题，这句话来自公认的答案，几乎解释了它：

CSS 转换不会影响文档流。DOM 元素将在页面流中占据其原始位置和尺寸。

克里斯冈萨雷斯的回答

因此，您的 DIV 不会移动，因为尽管进行了缩放，文档仍会将元素视为其原始大小。要使更改影响流量，您必须实际更改其宽度和高度的尺寸。

每次使用transform都会创建一个堆叠上下文。在这种情况下，对象将充当它包含position: fixed元素的包含块。