为了账号安全,请及时绑定邮箱和手机立即绑定

为什么父元素要position:relative;?我父元素和子元素都position:absolute;好像效果都一样?

https://img1.sycdn.imooc.com//5d2c6abb0001d37e28761512.jpg

position:absolute属性相对于其最接近的一个具有定位属性的父包含块进行绝对定位。

父元素给position:absolute,父元素就不具备定位属性吗?为什么父元素一定要position:relative ?


正在回答

2 回答

假设要设置定位的父元素为A,如果后面同等级的元素B也设置了定位,A在设置absolute的情况下(相当于从整个文档流中删除),此时整个界面布局会乱,后面元素B会与A有重叠;而设置relative不会,元素在文档流中还保留位置,B不会往上跑;

1 回复 有任何疑惑可以回复我~

父元素的position是relative和absolute都可以,因为div是流动模型,不管是设定了relative还是absolute,只要你没有设定偏移值,他都是竖直排列下来的


0 回复 有任何疑惑可以回复我~

举报

0/150
提交
取消
初识HTML(5)+CSS(3)-升级版
  • 参与学习       1225293    人
  • 解答问题       18230    个

HTML(5)+CSS(3)基础教程8小时带领大家步步深入学习标签用法和意义

进入课程

为什么父元素要position:relative;?我父元素和子元素都position:absolute;好像效果都一样?

我要回答 关注问题
意见反馈 帮助中心 APP下载
官方微信