值	描述
static（默認）	默認值。沒有定位，元素出現在正常的流中（忽略 top, bottom, left, right 或者 z-index 聲明）。
relative（相對定位）	生成相對定位的元素，相對于其正常位置進行定位。 因此，"left:20" 會向元素的 LEFT 位置添加 20 像素。
absolute（絕對定位）	生成絕對定位的元素，相對于 static 定位以外的第一個父元素進行定位。 元素的位置通過 "left", "top", "right" 以及 "bottom" 屬性進行規定。
fixed（固定定位）	生成固定定位的元素，相對于瀏覽器窗口進行定位。 元素的位置通過 "left", "top", "right" 以及 "bottom" 屬性進行規定。

?

?一：static：默認定位，比較少使用，就不詳細說了

二：relative：它的最大特點是，即使使用（left，right，top，bottom元素）來描述一個DIV的時候，它還是會占用該元素在文檔中初始的頁面空間，所有的偏移都是相對于它原來的位置。

三：absolute：一個div被設置為absolute后，這個div也就失去了文檔流即失去原本的位置，并且以父級為基準(父級元素必須是相對定位（relative）如果不是則一直往上找，直到找到body為止)來進行偏移。

四：fixed：一個div被設置為fixed后，這個div以瀏覽器窗口作為參考進行定位。

總結

以上是生活随笔為你收集整理的position的四种属性的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。