定位元素的异同点

珠峰HTML|CSS精讲视频 admin 494浏览

定位的值

  1. position: absolute绝对定位
  2. position: relative相对定位
  3. position: fixed固定定位

定位的相同点和不同点

相同点:

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

不同点:

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

2.参照物

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

转载请注明:大灰牛博客 » 定位元素的异同点