CSS Position

前言

position 是用来设置元素定位的属性
Position分成了static 、fixed、relative、absolute、stickily

static

元素预设的定位模式
也就是不做任何调整。

fixed

设定此定位的元素将会永远置於萤幕的某个位置，不会随着scroolBar移动。
同时可以设定top、right、left、bottom来决定要设定在哪里。

relative

在正常的文档排版中可设置top、right、left、bottom，从原始位置位移多少距离。

absolute

会往父层寻找有设定position但非static的元素
以父层为基准top、right、left、bottom来决定要设定在哪里。

sticky

在可scroll的元素里会有效果，
需设定top、left等...
当设定sticky的元素碰到可scroll元素的top、left位置後会变成fixed固定的位置。