????定位：

????????讓元素去到具體的某一個位置

????????屬性：position

????????取值：

????????????1、static（默認值）

????????????????靜態(tài)定位，元素該怎么顯示就怎么顯示，即使配合位移屬性元素位置也不會發(fā)生改變

????????????2、relative、

????????????????相對定位，參照物是自己原來的位置

????????????3、 absolute

????????????????絕對定位：

????????????????????1、父子關(guān)系中，父元素沒有定位，子元素絕對定位，參照物是瀏覽器窗口第一屏幕

????????????????????2、父子關(guān)系中，父元素有定位（通常是相對定位），子元素絕對定位，參照物是離自己最近的定位的父元素

????????<!-- !注意：絕對定位子元素查找參照物過程:一層一層向上找有定位的父層元素（不是靜態(tài)定位）

?-->???????4、fixed

????????????????固定定位：參照物是瀏覽器窗口

????????????????應(yīng)用場景：返回頂部、廣告欄（固定在窗口某個位置的廣告）、樓梯層效果

????????????5、sticky

????????????????粘性定位，參照物是離自己最近的有滾動條的容器

????????????????應(yīng)用場景：用來實現(xiàn)吸頂效果

?

????位移屬性：

?????????top/right/bottom/left

????????<!-- 注意：位移屬性取正值，元素向中心方向移動，取負值，向元素四周發(fā)散方向移動 -->

????????通常一個方向只取一個值使用

?

????定位的影響：

????????????1、相對定位中的影響

????????????????????兄弟關(guān)系中，多元素同時相對定位，后面定位元素會覆蓋前面定位元素，想要調(diào)整層級關(guān)系，需要使用層級

????????????????屬性：

????????????????????層級屬性：z-index:數(shù)值(默認值auto等同于0）

????????????????????取值越大，層級越上（可取正值和負值）

????????????????????<!-- 注意：該屬性只能應(yīng)用在定位元素上面 -->

????????????2、絕對（固定）定位中的影響

????????????????????1、元素添加絕對/固定定位，會脫離文檔流，元素在葉脈那種不占位置，后面不定位元素會自動補位

????????????????????2、多元素同時絕對/固定定位，后面定位元素會覆蓋前面定位元素，想要調(diào)整層級關(guān)系，需要使用層級屬性