static:默認(rèn)位置。在一般情況下，我們不需要特別的去聲明它，但有時(shí)候遇到繼承的情況，我們不愿意見到元素所繼承的屬性影響本身，從而可以用Position:static取消繼承，即還原元素定位的默認(rèn)值。設(shè)置為 static 的元素，它始終會處于頁面流給予的位置(static 元素會忽略任何 top、 bottom、left 或 right 聲明)。一般不常用。

relative:相對定位。相對定位是相對于元素默認(rèn)的位置的定位，它偏移的 top，right，bottom，left 的值都以它原來的位置為基準(zhǔn)偏移，而不管其他元素會怎么 樣。注意 relative 移動后的元素在原來的位置仍占據(jù)空間。

absolute:絕對定位。設(shè)置為 absolute 的元素，如果它的 父容器設(shè)置了 position 屬性，并且 position 的屬性值為 absolute 或者 relative，那么就會依據(jù)父容器進(jìn)行偏移。如果其父容器沒有設(shè)置 position 屬性，那么偏移是以 body 為依據(jù)。注意設(shè)置 absolute 屬性的元素在標(biāo)準(zhǔn)流中不占位置。

fixed:固定定位。位置被設(shè)置為 fixed 的元素，可定位于相對于瀏覽器窗口的指定坐標(biāo)。不論窗口滾動與否，元素都會留在那個(gè)位置。它始終是以 body 為依據(jù)的。 注意設(shè)置 fixed 屬性的元素在標(biāo)準(zhǔn)流中不占位置。

看站內(nèi)課程——深入理解之a(chǎn)bsolute