Positon

定位用的 properity，再配合 left，right，top，bottom 來設定位置。

position: static

預設值，left，right，top，bottom，z-index 等無作用。

position: absolute

會一層一層往外容器找，找到第一個 position 非 static 值的容器，以這個容器的圓點當座標基準。通常會將需要定位的元素的父容器，若無特別設定，就設定成 position: relative。無法撐開空間。

position: relative

依元素原本該在的位置為原點。會撐開空間，但是是依元素原本的位置。

position: fixed

以現在視窗所見範圍來定位，因此以此方法定位的元素不會受捲動視窗影響。常見的 popup 訊息，或是固定在右下角的 Go Top 按鈕都是用此方法定位。無法撐開空間。

當 position 不是 static 時，元素有可能重疊，此時用 z-index 來決定哪個元素在上，哪個在下。

f09_position.html