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

relative:  相对定位

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

 

absolute: 绝对定位

相对于最近一级定位不为static的父元素进行定位。（子决父相）。

 

fixed: （老版本IE不支持）固定定位

相对于浏览器窗口或者frame进行定位 跟父元素没关系。不随着滚动条的滚动而移动。固定在浏览器可视窗口的位置。

 

static: 默认值，没有定位

元素出现在正常的文档流中。相当none 没有定位的意思。没有边偏移几乎不用。

 

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

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

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