在视频里看到两句话,我觉得不错!很好理解!

  • “相对定位的元素是相对自身进行定位,参照物是自己。”
  • “绝对定位的元素是相对离他最近的一个已定位的父级元素进行定位。”

下面用图片举例:

1. 相对定位 relative

CSS position:相对定位和绝对定位
CSS position:相对定位和绝对定位

2. 绝对定位 absolute

图1:
在这里,因为container是item3的父级元素,但是,container并没有定位。所以,这时候,item3的父级定位元素是整个界面。所以它是离整个界面的左边还有上面有50rpx的距离.
CSS position:相对定位和绝对定位CSS position:相对定位和绝对定位

图3:
container的父级定位元素是整个界面
item3的父级定位元素是contianer
CSS position:相对定位和绝对定位

相关文章:

  • 2021-10-11
  • 2021-09-19
  • 2021-10-16
  • 2022-01-29
  • 2022-03-02
  • 2022-12-23
  • 2022-12-23
猜你喜欢
  • 2021-11-27
  • 2021-06-07
  • 2022-12-23
  • 2021-05-07
  • 2022-12-23
  • 2022-12-23
相关资源
相似解决方案