1.static
css中沒(méi)有設(shè)置position樣式時(shí),默認(rèn)就是static。位置設(shè)置為 static的元素,它始終會(huì)處于頁(yè)面流給予的位置。沒(méi)有脫離文檔流(static 元素會(huì)忽略任何 top、bottom、left 或 right聲明)
2.relative
css樣式中position為 relative 的時(shí)候,可將其移至相對(duì)于原來(lái)位置的其他地方,例如"left:20px"會(huì)將元素相對(duì)與原來(lái)位置向左平移20像素。沒(méi)有脫離文檔流。
3.absolute
css樣式中position為 absolute的時(shí)候,可以將元素相對(duì)其父元素,或者上級(jí)元素中距離最近的有relative的元素進(jìn)行定位。此元素的位置可通過(guò)"left"、"top"、"right" 以及 "bottom" 屬性來(lái)規(guī)定。元素脫離文檔流
4.fixed
位置被設(shè)置為 fixed 的元素,可將元素相對(duì)于當(dāng)前文檔進(jìn)行定位。此元素的位置可通過(guò) "left"、"top"、"right"以及"bottom" 屬性來(lái)規(guī)定。不論窗口滾動(dòng)與否,元素都會(huì)留在那個(gè)位置。工作于 IE7(strict模式)。元素脫離文檔流