CSS中position定位的六種屬性值

position是CSS中的一種屬性，即定位。它可以使不同的元素處於不同的位置。
它有六個取值，分別爲：static、relative，absolute，fixed，inherit 和 sticky。

1. position: static
   無定位（默認），當你沒有爲元素指定position時，則默認爲static，元素正常出現在文檔流中。
2. position：relative
   相對定位，元素相對於自己的正常位置（使用top，bottom，left，right）進行定位，元素不脫離文檔流。
3. position：absolute
   絕對定位，相對於 static 定位以外的第一個祖先元素進行定位（其父元素沒有定位則逐層上找，直到document），元素脫離文檔流。（可使得內聯元素可以設置寬高）
4. position：fixed
   固定定位，相對於可視窗口定位，元素脫離文檔流（可用來實現廣告效果）
5. position：inherit
   繼承父元素的定位方式。
6. position：sticky
   css3新增屬性值，粘性定位。相當於relative和fixed的混合。最初會被當作是relative，相對原來位置進行偏移；一旦超過一定的閾值，會被當成fixed定位，相對於視口定位。