首页 前端知识 CSS定位——子绝父相的原理(相对定位和绝对定位)

CSS定位——子绝父相的原理(相对定位和绝对定位)

2024-02-03 12:02:34 前端知识 前端哥 348 265 我要收藏

一、子绝父相的解释

子级是绝对定位,父级要用相对定位

二、特点

  • 子级绝对定位,不会占有位置,可以放到父盒子里面的任何一个地方,不会影响其他的兄弟盒子。

  • 父盒子需要加定位限制子盒子在父盒子内显示。

  • 父盒子布局时,需要占有位置因此父亲只能是相对定位。

    这就是子绝父相的由来,所以相对定位经常用来作为绝对定位的父级。

三、总结

因为父级需要占有位置,因此是相对定位,子盒子不需要占有位置,则是绝对定位

四、应用场景

下拉菜单、重叠图片等

转载请注明出处或者链接地址:https://www.qianduange.cn//article/1199.html
标签
评论
会员中心 联系我 留言建议 回顶部
复制成功!