HTML DOM 的 style 属性 position 可以设置元素的定位方式。它有四种值:static、relative、absolute 和 fixed。
1. static
static 是默认值,元素按照正常的文档流排列。
2. relative
relative 相对定位,元素的位置相对于其本身的位置按照 left、top、right、bottom 的值进行偏移。
相对定位元素
3. absolute
absolute 绝对定位,元素的位置相对于最近的已定位祖先元素(通常是离它最近的 position 不为 static 的祖先元素)按照 left、top、right、bottom 的值进行偏移。如果元素没有已定位的祖先元素,那么它的位置相对于浏览器窗口。
绝对定位元素
4. fixed
fixed 固定定位,元素的位置相对于浏览器窗口(viewport)按照 left、top、right、bottom 的值进行偏移。
固定定位元素
使用 HTML DOM 的 style 属性 position 可以设置元素的定位方式,使用 static、relative、absolute 和 fixed 四种值进行设置。