position 定位的一些问题

Posted 2020-08-24

relative :自私的相对定位  只相对于自己做定位。在一个相对定位（position属性的值为relative）的元素上设置 top、 right 、 bottom 和 left 属性会使其偏离其正常位置。其他的元素的位置不会受到该元素的位置改变

来弥补它之前的位置，也就是说即使该元素已经偏离了，但是它之前的位置还在占着坑，半脱离文档流

abssolute:贡献的绝对定位  相对于父元素，反之，则是body    完全脱离文档流的，其他的元素会填补该元素偏离之后的位置，所以说的贡献的

 

ps：绝对定位就像是把不同对象安排到了一栋高楼的不同楼层(一般指不是第一层，我们这里理解为文本流就放在首层)，它们互不影响，但是它们怎么移动与你楼的地基和面积（父级）有关。相对定位指对象还是在首层楼与文本流一起存放，它们之间肯定存在影响。