常见的定位属性总结

常见的定位属性总结

1.position:absolute;
绝对定位
1.参照物 在父元素没有定位设置时，参照物是浏览器第一屏。父元素有定位设置，参照物是父元素
2.文档流 脱离文档流，飘起来了
3.层级属性 z-index 值越大，元素在最上层，值越小，最下层

2.position:relative;
相对定位
1.参照物 参照物是自己原来的位置
2.文档流 没有脱离文档流
3.层级属性 z-index 值越大，元素在最上层，值越小，最下层

3.position:fixed;
固定定位
1.参照物 参照物是整个浏览器
2.文档流 脱离文档流，飘了
3.层级属性 z-index 值越大，元素在最上层，值越小，最下层

4.position:sticky;
粘性定位
1.参照物 参照物是浏览器
2.文档流 没有文档流
3.层级属性 z-index 值越大，元素在最上层，值越小，最下层

5.position:static;
默认值，没有定位