2009/02/15

position 第一頁

position | bottom, left, right, top
position 1

設定元素的矩形格子(box)之位置,通常會配合 top, bottom, left, right 四個特徵使用。可設為 static, relative, absolute, fixed:

(一)static:依照正常流程佈局,top, bottom, left, right 四個特徵失效。此為預設值。

(二)relative:先計算元素矩格的正常位置,再加上 top, right, bottom, left 設定的相對距離,而得到最後的位置。請參考各特徵的詳細說明。其後的元素矩格會忽略它,而依原有的流程佈局,所以 relative 的矩格可以重疊。

(三)absolute:元素矩格的位置用 top, right, bottom, left 設定,其距離是相對於包納矩格的邊界。absolute 元素對其它元素的佈局沒有影響。下例中,父元素 DIV 使用預設的 position:static,因此父元素會被跳過,包納矩格是以更上一層的祖父元素為準,在此就是網頁的前端視窗。

  • 上面例子中的圖像,設定 position:absolute,結果圖像跑到此頁的開頭右方去了。
position(你正在看 第一頁) : 第一頁 第二頁