有关position定位的几种属性

relative

  1. relative定位是脱离文档流的相对定位方式 不管父布局的position是什么属性 都是相对于父元素的左上角进行定位 会受到父元素padding的影响
  2. 虽然是脱离文档流 但是会占位置

static

  1. 元素的默认定位方式

absolute

  1. 是使元素脱离文档流绝对定位方式 会根据存在relative或者absolute布局的上层元素进行布局 不会受到该上层元素padding的影响

fixed

  1. 相对于视口的绝对定位方式
  2. 可通过设置父布局transform 改变其定位相对的父布局

sticky

  1. 粘性布局