元素的定位属性

元素的定位属性主要包括定位模式和边偏移两部分
1.边偏移属性：top，bottom，left，right
2.定位模式（定位的分类）
在CSS中，position属性用于定义元素的定位模式，其基本语法格式如下：
选择器{position:属性值;}

静态定位

就是网页中所有元素都默认的是静态定位哦
静态定位唯一的用处：就是取消定位

相对定位是将元素相对于它在标准流中的位置进行定位，当position属性的取值realtive时，可以将元素定位于相对位置

注意：

相对定位最重要的一点是，它可以通过边偏移移动位置，但是原来的所占的位置，继续占有。
其次就是每次移动的位置，是以自己的左上角为基点移动（相对于自己来移动位置）

当position属性的取值为absolute时，可以将元素的定位模式设置为绝对定位。

注意：绝对定位最重要的一点时，他可以通过边偏移移动位置，但是它完全不占位置
&nsbp;
绝对定位分以下几种可能：

父级没有定位：若所有父元素都没有定位，以浏览器为准对齐
父级有定位：绝对定位是将元素一句最近的已经定位（绝对，固定或相对定位）的父元素（祖先）进行定位

注意：
子绝父相是我们学习定位的口诀，时时刻刻要记住的。
这句话的意思是子级是绝对定位的话，父级要用相对定位。并不是其它组合不能用，而是这种组合最常用。

固定定位是绝对定位的一种特殊形式，它以浏览器窗口作为参照物来定义网页元素。当position属性的值为fiexed时，既可以将元素的定位模式设置为固定定位。
固定定位有两点：

固定定位的元素跟父亲没有任何关系，只认浏览器。
固定定位完全脱标，不占有位置，不随着滚动条滚动

在CSS中，要想调整重叠定位元素的堆叠顺序，可以对定位元素应用z-index层叠等级属性，其取值可为正整数，负整数和0.

注意：

z-index的默认属性值为0，取值越大，定位元素在层叠元素中越居上
如果取值相同，则根据书写顺序，后来居上
后面数字一定不能加单位
只有相对定位，绝对定位，固定定位有此属性，其余标准流，浮动，静态定位都无此属性，亦不能指定此属性