CSS中层模型的三种定位

  1. 相对定位(position: relative)
    是相对于自己现在应该在的位置,偏移一定的距离
    CSS中层模型的三种定位
    这是第二个块本来的位置
    它的相对定位是相对于现在的位置进行偏移
    CSS中层模型的三种定位
  2. 绝对定位(position: absolute)
    是相对于网页的开头,偏移一定的距离
    CSS中层模型的三种定位
    第二个块的位置是从网页左上角开始偏移的,而不是从第一块下面开始偏移的
  3. 固定定位(position: fixed)
    是在视图内固定不动,不管怎么滚动页面,它的位置都不会改变