又到了愉快的星期天了，最低气温零下3°，这周考核结束了，没学太多新知识，正在我百思不得其解，不知道要写什么的时候，和某人聊会天，就知道要写些啥了，就写关于定位的知识吧！今天考核还被问有几种定位，我上去一个4种，把static（默认定位）忘记了。因为上次看的匆忙，望帮我加深印象。不凑字数了，闲话少说，进入正题。

Position（定位）

元素可以使用的顶部，底部，左侧和右侧属性定位。然而，这些属性无法工作，除非是先设定position属性。他们也有不同的工作方式，这取决于定位方法。

1，static是默认值，静态定位的元素不受属性定位的影响；

2，fixed定位的位置相对于浏览器窗口是固定的位置，即使窗口滚动它也不会动，被fixed定位的元素的位置与文档流无关，因此不占据空间，且可以与其他元素重叠；

3，relative定位，是相对其正常位置，移动相对定位元素，但它本身所占空间不会改变；相对定位元素经常被用来作为绝对定位元素的容器块；

4，absolute定位，绝对定位的元素的位置相对于最近的已定位父元素，如果元素没有已定位的父元素，那么它的位置相对于body；absolute 定位使元素的位置与文档流无关，因此不占据空间。并且absolute 定位的元素和其他元素重叠。对于它的使用要记得子绝父相就ok了；

5，sticky（粘性）定位：基于用户的滚动位置来定位。它的行为像relative，但当它滚出目标区域时，它表现就像fixed。粘性定位生效必须要有top，right，left，之一，否者它的行为和相定位相同；

注意：既然使用absolute定位会让元素叠在一起，那么谁在前，谁在后呢？那么就要用到z-index属性了

重叠的元素：

• z-index属性指定了一个元素的堆叠顺序：谁的值大谁在前；
• 如果没有指定z-index，那么最后定位在HTML里的在前；