大家都知道，css中的position有4種取值，分別是static、fixed、relative、absolute。
詳細解釋：
static：相當於沒有定位，元素會出現在正常的文檔流中。
fixed：元素框的表現類似於absolute，但是fixed是相對於視窗本身，也就是瀏覽器窗口而定位的。所以，采用該定位的元素在頁面下拉的時候，其位置並不會發生變化。
relative：生成相對定位的元素，相對於元素本身的位置進行定位，它原本所占的空間仍然會保留。
absolute：生成絕對定位的元素，相對於static定位以外的第一個有定位的祖先元素進行定位。由於static定位相當於沒有定位，所以absolute定位實際上就是相對於有定位的第一個祖先元素定位，如果所有的祖先元素都沒有定位，則相對於初始包含塊或者畫布，一般就是body元素定位。