position：static;(默認值，沒有定位，出現(xiàn)在正常的文檔流中，忽略top，left，right，bottom，z-index的聲明)
relative（生成相對定位的元素，通過left，right，top，bottom的設置，相對于正常位置進行定位，可通過z-index進行層次分級）
absolute（生成絕對定位的元素，相對于static定位以外的第一個父元素定位，元素的位置可通過left，right，top，bottom的設置，可根據(jù)z-index進行層次分級）
fixed（生成絕對定位的元素，相對于瀏覽器窗口進行定位，元素的位置可以根據(jù)left，right，top，bottom進行規(guī)定，可通過z-index進行層級分級）

1、relative脫離正常的文本流，但是在文本流中的位置仍然存在（relative總是相對于最近的父元素，無論其父元素是何種定位方式）

image.png

image.png

2、absolute脫離正常文檔流，與relative不同的是，在文檔流中的位置不存在（absolute定位的層總是相對于其最近的定義為absolute或relative的父層）

image.png