1.定位

position有四个值，absolute/relative/fixed/static（绝对/相对/固定/静态），使用top,left,right,bottom来调整元素位置。

static。遵循基本的定位规则，不能通过z-index进行层次分级，在普通流中，各个元素默认的属性。

relative。对象不可层叠，不脱离文档流。参考自身静态位置通过TLBR定位。

absolute。脱离文档流，通过TLBR定位。选取其最近一个具有定位设置的父级对象进行绝对定位，若父级没有，则以body坐标原点进行定位。

flxed。固定参照对象是可视化窗口不是body。使用了该元素不会随着窗口的滚动而滚动，属于absolute的子集。

2.具体作用

static。通常不用。

relative。不脱离文本流。不设置TLBR，位置不会变。且不影响当前布局。设置之后，会向指定方向偏移，但原有的位置还是占据着的。

absolute。完全脱离文本流。原有位置不再占据。元素设置absolute后，父级元素没有设置position，ab/rela/fixed会以body为父级。

fixed。不随页面滚动而滚动。