1：定位的日常用處

地圖的標(biāo)記點(diǎn)

電商網(wǎng)站的標(biāo)識(shí)和按鈕 浮動(dòng)快捷入口 吸附導(dǎo)航

.box{

position:( static：靜止定位 relative 相對(duì)定位 fixed 固定定位 absolute 絕對(duì)定位 sticky 粘性定位)

top：100px;

bottom：10px;

left：20px;

right:5px;

}

relative(相對(duì)定位)：相對(duì)樣式需要配合left、top、right、bottom定位屬性才能生效 他相對(duì)的是容器自身的屏幕坐標(biāo)0，0點(diǎn)。容器位置發(fā)生變化后，他自身原來(lái)占據(jù)的空間依然保留。

默認(rèn)會(huì)覆蓋沒(méi)有定位的容器。

absolute（絕對(duì)定位）：會(huì)脫離文檔流

定位的參照物為最近的祖先元素的0.0點(diǎn)坐標(biāo)

他的默認(rèn)會(huì)覆蓋沒(méi)有定位的盒子

fixed（固定定位）：就是絕對(duì)定位的特例

固定定位是相對(duì)于瀏覽器當(dāng)前畫(huà)面定位的，如果瀏覽器滾動(dòng) 但是他的位置還是保持頁(yè)面不變

top right bottom left 被用來(lái)定位元素 但是不是必須的

sticky(粘性定位):

他如果沒(méi)有效果一般是因?yàn)?/p>

父元素不能有overflow：hidden和overflow：auto

元素自身必須要有top right bottom left 一個(gè)或多個(gè)屬性，否則就是相當(dāng)于靜態(tài)定位

父元素的高度不能低于sticky定位元素的高度

粘性定位元素只能在父元素內(nèi)生效

top：0 當(dāng)容器為固定定位時(shí) 相對(duì)于父容器頂部的距離 固定不動(dòng)

sticky：

粘性定位初始狀態(tài)相對(duì)于靜止定位

相對(duì)于父容器得到定位條件符合時(shí)，容器變現(xiàn)為固定定位

top right bottom left 至少聲明一個(gè) 這樣粘性定位才能有效