定位 position

一共有五個屬性值

靜態(tài)定位/相對定位/固定定位/絕對定位/粘性定位

position: static/relative/fixed/absolute/sticky；

利用top left right bottom 對元素進行定位

position: relative相對樣式需要配合left、top、right、bottom這些定位屬性才能生效。

relative 相對的是容器自身的屏幕坐標0,0點。容器位置發(fā)生位移后,原來占據的空間依然保留。

默認會覆蓋沒有定位的容器。

絕對定位的元素會脫離文檔流。

絕對定位的參照點為,有定位設置的離他最近的祖先元素的0,0點坐標。

絕對定位的容器默認會覆蓋沒有定位的容器。

固定定位的元素是相對于瀏覽器視口定位的,這意味著即使頁面發(fā)生滾動,它也始終保持在同一個位置。

top.right、bottom和left屬性被用來定位元素，但不是必須的。

粘性定位初始狀態(tài)相當于static定位。

相對于父容器的定位條件符合時,容器變現(xiàn)為固定定位。top、right. bottom或left至少聲明一個,粘性定位才能生效。