為什么浮動位置元素縮小時元素不會移動

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元素。