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

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

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

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

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

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

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

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

总结

以上是生活随笔为你收集整理的position的值， relative和absolute分别是相对于谁进行定位的？的全部内容，希望文章能够帮你解决所遇到的问题。

如果觉得生活随笔网站内容还不错，欢迎将生活随笔推荐给好友。