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

Question

所有：

现在说，我有3个DIV坐在同一行中，每个DIV是宽度：33％； 高度：100％ 现在，我想使用transform：scale（0.5）缩小第一个，而我认为第二个将向左移动，但是我不知道为什么第二个根本不移动，有人可以帮忙吗？

Answer 1

在这里提出了类似的问题，这个被接受的答案引述了一下：

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

chrisgonzalez回答

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

Answer 2

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