2020-09-09 position身上的属性及参照谁定位的

position的值， relative和absolute分别是相对于谁进行定位的？

relative:  相对定位，相对于自己本身在正常文档流中的位置进行定位 相对它原来的位置，在走100px。原来在标准流中的位置继续占有。

absolute: 生成绝对定位，相对于最近一级定位不为static的父元素进行定位。（子决父相）。

fixed: （老版本IE不支持）生成绝对定位，相对于浏览器窗口或者frame进行定位 跟父元素没关系。不随着滚动条的滚动而移动。固定在浏览器可视窗口的位置。

static: 默认值，没有定位，元素出现在正常的文档流中。相当none 没有定位的意思。没有边偏移我们几乎不用。

position: sticky; 基于用户的滚动位置来定位。

粘性定位的元素是依赖于用户的滚动，在position:relative与position:fixed定位之间切换。

它的行为就像position:relative;而当页面滚动超出目标区域时，它的表现就像position:fixed;，它会固定在目标位置。