（1）绝对定位（position：absolute）

①相对于已经定位的父级元素去定位

②若父级元素未定位，则相对于HTML根文档定位

③完全脱离文档流，不占有位置

④通过left top bottom right定位

 

（2）相对定位（position：relative）

①相对于自身默认位置定位

②不脱离文档流，占有位置

③主要作用是给绝对定位当父级元素用

 

（3）固定定位（position：fixed）

①参照物是屏幕可视区

②元素变成块元素

③完全脱离文档流，不占位置

（4）默认状态（position：static）

 

 

注意：相对定位不会改变元素类型，绝对定位会把行内元素变成块元素。

 

元素层级问题

z-index：-1 < 普通元素 < 浮动元素 < 定位元素 < z-index:1

子级元素高于父级元素

后写的高于先写的

 

 

锚点

   <a href=”#id名”></a>