理解CSS轉換，不觸發佈局

，我讀了一些CSS轉換屬性，則不會觸發佈局：理解CSS轉換，不觸發佈局

縮放，旋轉，位置，不透明度

這可能是一個明顯的問題，但這是否意味着他們將始終獨立應用，無論頁面上的其他內容是什麼？

例如，當我用translate（x，y）更改位置屬性以向下移動框時，它是否不會推送下面的內容？我自己做了一個fiddle，看起來改變的位置完全超出了dom流。

2016-09-21 sawa

位置和不透明度不是變換。他們*會影響佈局。 – BoltClock

@BoltClock根據https://csstriggers.com/opacity，「opacity」不會觸發Blink/Gecko中的佈局，但會在Webkit/Edge中觸發它。這是不正確的？ –

@Ilya Streltsyn：這聽起來像是對我的「佈局」的不同定義。基於問題的措辭，提問者似乎指的是，而不是規範所定義的「佈局」（佈局並非如此處以及在該鏈接中所描述的那樣「觸發」）。 – BoltClock

是的，你是對的，transform不會導致其他元素流動。這就是爲什麼頂部的div不會將div置於底部。

檢查this鏈接的更多描述。

2016-09-21 04:59:43

回答