position屬性有4種取值static、fixed、relative、absolute,其區別是:
1、static:靜態定位,是position屬性的默認值,表示無論怎麽設置top、bottom、right、left屬性元素的位置(與外部位置)都不會發生改變。
2、relative:相對定位,表示用top、bottom、right、left屬性可以設置元素相對與其相對於初始位置的相對位置。
3、absolute:絕對定位,表示用top、bottom、right、left屬性可以設置元素相對於其父元素(除了設置了static的父元素以外)左上角的位置,如果父元素設置了static,子元素會繼續追溯到祖輩元素壹直到body。
4、relative:生成相對定位的元素,相對於元素本身的位置進行定位,它原本所占的空間仍然會保留。
static(靜態定位)是默認值,元素出現在正常的流中。不會受到top, bottom, left, right影響。定位為absolute的層脫離正常文本流,但與relative的區別是其在正常流中的位置不再存在。
如果父級沒有設定position屬性,那麽當前的absolute則以瀏覽器左上角為原始點進行定位,位置將由偏移設置(top、bottom、left、right)決定;(這與relative完全壹致)。