元素定位_14元素定位position

1、定义

position 属性指定了元素的定位类型。

这个属性定义建立元素布局所用的定位机制。任何元素都可以定位，不过绝对或固定元素会生成一个块级框，而不论该元素本身是什么类型。相对定位元素会相对于它在正常流中的默认位置偏移。

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

2、取值

注意：

①absolute相对于已经定位的父元素定位，如果父元素没有定位，会逐级网上找，最后相对于body定位

②已经定位的父元素可以是relative、absolute、fixed

3、Z-index

z-index 属性设置元素的堆叠顺序。拥有更高堆叠顺序的元素总是会处于堆叠顺序较低的元素的前面

注释：元素可拥有负的 z-index 属性值。

注释：Z-index 仅能在定位元素上奏效（relative、absolute、fixed）

该属性设置一个定位元素沿 z 轴的位置，z 轴定义为垂直延伸到显示区的轴。如果为正数，则离用户更近，为负数则表示离用户更远。

4、实例1：下拉列表效果

5、实例2：两张图片错开效果