Live Lab 1:先看普通排列,再看 relative 位移。

normal flow 與 relative

第一張卡片

它留在 normal flow 的原本位置。

第二張卡片

它使用 relative 往右下移動一點。

第三張卡片

觀察它沒有跟著第二張卡片的視覺位移而重新補位。

證據:選取第二張卡片,查看 Computed 的 position、top、left,再比較第三張卡片的位置。