定位元素的异同点

定位的值

1. position: absolute绝定位
2. position: relative相定位
3. position: fixed固定定位
4. 定位的相同点和不同点

===相同点:

1. 可以 设置top/ bottom/ left/right四个方位值,如果同时有top、 bottom,只有top起作用;如果同有1eft、 right,只有left起作用
2. 都设置z-index改变层级而且z-index越大越在上

===不同点:

1.是否脱离文档流:绝对定位:是/相对定位:否/固定定位:是=>只有相对定位没有脱离文档流,绝对和固定定位都会脱离文档流不占位

2.参照物

• 绝对定位:是具有定位元素的父级元素,如果直接父级没有定位元素,则会往上级 直到找到我们的根元素htm1为止;绝对定位元素一定要给他的直接父元素加相对参照物( position: relative)
• 相对定位:它自己本身
• 固定定位:整个浏览器窗口