隨便記記，如有錯(cuò)誤之處，歡迎指出 ?

1.static?默認(rèn)值。

positon定位的默認(rèn)值，沒(méi)有定位，元素出現(xiàn)在正常的流中。

例子1

效果圖

2.?relative 相對(duì)定位

生成相對(duì)定位的元素，相對(duì)于其正常位置進(jìn)行定位。意思就是可以通過(guò)"left", "top", "right" 以及 "bottom" 屬性基于原來(lái)位置進(jìn)行偏移

例子2

效果圖

3.?absoute 絕對(duì)定位

生成絕對(duì)定位的元素，相對(duì)于 static 定位以外的第一個(gè)父元素進(jìn)行定位。relative偏移后元素仍占據(jù)原來(lái)空間位置，而absoute則不占位置完全浮動(dòng)

例子3

效果圖

給父元素定位

例子4

效果圖

元素就相對(duì)于 static 定位以外的第一個(gè)父元素進(jìn)行定位。

4.fixed?生成絕對(duì)定位的元素，相對(duì)于瀏覽器窗口進(jìn)行定位

例子5

效果圖