css绝对定位、相对定位

2022-07-20 14:47:23

绝对定位

position: absolute;

绝对定位是相对于元素最近的已定位的祖先元素(即是设置了绝对定位或者相对定位的祖先元素)。如果元素没有已定位的祖先元素,那么它的位置则是相对于最初的包含块(body)。
绝对定位与文档流无关,可以覆盖在其他元素上方,可以通过z-index控制层的对方顺序


绝对定位是元素想对于离他最近的设置了position的父元素的偏移


相对定位

position: relative;

相对位置是相对于元素在文档中的初始位置,也就是他首先出现的位置。


相对定位:相对自己原来的位置发生偏移,不会脱离文档流,不会删除它原来在文档流中占据的位置,且后面是元素不会填补空位

绝对定位:相对它的父元素发生偏移(而且这个父元素必须设置了position属性,如果父元素没有position属性,则从最近的父元素开始找,直到找到body为止),会脱离文档流,后面的元素会填补它原来的位置。

  • 作者:河雾昂
  • 原文链接:https://blog.csdn.net/qq_42987499/article/details/108515626
    更新时间:2022-07-20 14:47:23