2013/01/06

position 第二頁

position | bottom, left, right, top
position 2

將 absolute 的圖留在父矩格中。下例中,父元素 DIV 設為 position:relative,而其子元素 IMG 設為 position:absolute;此情形中,top, left 是相對於父矩格左上角的距離。

(四)fixed:元素矩格的位置用 top, right, bottom, left 設定,會固定在參考物上,而不會隨著捲軸滾動。在連續媒體,會固定於其視窗;在分頁媒體,會固定於分頁。可用 @media 來設定不同媒體上的定位方法。fixed 元素對其它元素的佈局沒有影響。

  • 上面例子中的圖像,設定 position:fixed,結果圖像固定在螢幕的右下方 。
  • IE6 未支援 position:fixed;IE8, Firefox3.0, Safari, Chrome 都成功。

(五)inherit:繼承父元素特徵。

javascript 應用。可以用 style 物件 的特徵 position 讀取或設定特徵值。

position(你正在看 第二頁) : 第一頁 第二頁