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的值谁的值大谁就显示在最前面