定位的值
- position: absolute绝对定位
- position: relative相对定位
- position: fixed固定定位
定位的相同点和不同点
相同点:
- 可以 设置top/ bottom/ left/right四个方位值,如果同时有top、 bottom,只有top起作用;如果同有1eft、 right,只有left起作用
- 都设置z-index改变层级而且z-index越大越在上
不同点:
是否脱离文档流:绝对定位:是/相对定位:否/固定定位:是=>只有相对定位没有脱离文档流,绝对和固定定位都会脱离文档流不占位
2.参照物
- 绝对定位:是具有定位元素的父级元素,如果直接父级没有定位元素,则会往上级 直到找到我们的根元素htm1为止;绝对定位元素一定要给他的直接父元素加相对参照物( position: relative)
- 相对定位:它自己本身
- 固定定位:整个浏览器窗口