1. 程式人生 > >position屬性的總結

position屬性的總結

static 窗口 left tab 相對 abs 頁面 設置 進行

static 默認。位置設置為 static 的元素,它始終會處於頁面流給予的位置(static 元素會忽略任何 top、bottom、left 或 right 聲明)。
relative 位置被設置為 relative 的元素,可將其移至相對於其正常位置的地方,因此 "left:20" 會將元素移至元素正常位置左邊 20 個像素的位置。relative定位的層總是相對於其最近的父元素,無論其父元素是何種定位方式。
absolute 位置設置為 absolute 的元素,可定位於相對於包含它的元素的指定坐標。此元素的位置可通過 "left"、"top"、"right" 以及 "bottom" 屬性來規定。absolute定位的層總是相對於其最近的定義為absolute或relative的父層,而這個父層並不一定是其直接 父層。如果其父層中都未定義absolute或relative,則其將相對body進行定位
fixed 位置被設置為 fixed 的元素,可定位於相對於瀏覽器窗口的指定坐標。此元素的位置可通過 "left"、"top"、"right" 以及"bottom" 屬性來規定。不論窗口滾動與否,元素都會留在那個位置。工作於 IE7(strict 模式)。

position屬性的總結