欢迎访问我的的博客,网站主要用于记录学习WEB语言|CMS建站|SEO优化及日常工作常见问题总结!
您的位置:主页 > HTML/CSS >

定位元素的异同点

定位的值

  • position: absolute绝定位
  • position: relative相定位
  • position: fixed固定定位

定位的相同点和不同点

===相同点:

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

===不同点:

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

2.参照物

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

相关文章

 

文章-定位元素的异同点发布日期:2021-04-01 17:26作者:admin
如需转载,请注明文章出处和来源网址:https://www.dhnblog.com/htmlcss/262.html