CSS元素的定位

1、CSS定位机制：

普通流：元素按照其在HTML中的位置顺序决定排布的过程

浮动

绝对布局

2、CSS定位属性

positon 把元素放在一个静态的、相对的、绝对的、或固定的位置中

top 元素向上的偏移量

left 元素向左的偏移量

right 元素向右的偏移量

bottom 元素向下的偏移量

overflow 设置元素溢出其区域发生的事情

clip 设置元素显示的形状

vertical-align 设置元素垂直对齐的方式

z-index 设置元素的堆叠顺序

relative
相对布局

absolute
绝对布局

fixed
固定布局

static
静态布局

absolute（绝对布局）：相当于在页面中不占位置，是一个独立一块元素，其他元素从最顶上开始排，也具有偏移量

fixed（固定布局）：不管页面怎么滚动，都在那个位置不动

static（静态布局）：静态布局和z-index一样，偏移量对他/她是不齐作用的

absolute、relative中加z-index的值谁的值大谁就显示在最前面