position 的常見四個屬性值:
relative,absolute,fixed,static。一般都要配合"left"、"top"、"right" 以及 "bottom" 屬性使用。
1)Static:
默認位置,設置為 static 的元素,它始終會處於頁面流給予的位置(static 元素會忽略,任何 top、bottom、left 或 right 聲明)。一般不常用。
2)Relative:
位置被設置為 relative 的元素,可將其移至相對於其正常位置的地方,意思就是如果設置了 relative 值,那么,它偏移的 top,right,bottom,left 的值都以它原來的位置為基准偏移,而不管
其他元素會怎么樣。注意 relative 移動后的元素在原來的位置仍占據空間。
3)Absolute:
位置設置為 absolute 的元素,可定位於相對於包含它的元素的指定坐標。意思就是如果它的父容器設置了 position 屬性,並且 position 的屬性值為 absolute 或者 relative,那么就會依據父
容器進行偏移。如果其父容器沒有設置 position 屬性,那么偏移是以 body 為依據。注意設置 absolute 屬性的元素在標准流中不占位置。
4)Fixed:
位置被設置為 fixed 的元素,可定位於相對於瀏覽器窗口的指定坐標。不論窗口滾動與否,元素都會留在那個位置。它始終是以 body 為依據的。 注意設置 fixed 屬性的元素在標准流中不占位置。