绝对/相对定位都是相对于最近的已定位的父元素进行位置偏移

区别在于:

1. 相对定位: 虽然偏移原来位置但是原来的位置仍然存在即没脱离标准流,直观现象就是 撑开一个盒子

2. 绝对定位: 偏移后,完全脱离了标准流,就如漂浮在文档上,谁都不会因为他的位置受到影响 不会 撑开一个盒子

效果展示:

  1. relative撑开盒子
    css-相对定位、绝对定位
  2. absolute没撑开盒子
    css-相对定位、绝对定位

相关文章: