浅谈position

72 阅读1分钟

position

  • 默认值:static
  • 定位基准
  • 移动距离
    • 不应同时使用相反方向,left和right同时使用left生效,top和bottom同时使用top生效
  1. 绝对定位absolute
  • 最近的非static定位的祖先元素(容纳块)
    • 如果一直找不到,容纳块为最初始的容纳块
  • 会脱离文档流
  • 会生成一个块元素
  1. 相对定位relative
  • 定位基准:相对自身(按照文档流排列规则)
  • 不会脱离文档流,元素虽然移动到指定位置,原来的位置不会被占据
  1. 固定定位fixed
  • 定位基准:视口
  • 脱离文档流