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

来源:13-9 Relative与Absolute组合使用

出来写代码

2019-07-15 20:04

https://img3.mukewang.com/5d2c6abb0001d37e28761512.jpg

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

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


写回答 关注

2回答

  • 慕盖茨0211754
    2019-09-02 18:05:48

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

  • 慕圣3391354
    2019-07-15 23:04:23

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


初识HTML(5)+CSS(3)-升级版

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

1225811 学习 · 18234 问题

查看课程

相似问题