1. position共有五个属性值：
static（默认）
absolute
fixed
relative
sticky
2. static (默认)
当position：static时 元素的left right top bottom 四个属性将无效 就算设置了也没有任何的作用
3.fixed 定位
元素的位置相对于浏览器窗口是固定位置。
即使窗口是滚动的它也不会移动：
适用场景：页面中的悬浮按钮，（eg 一键置顶按钮、固定在某个位置的按钮不随页面滚动而影响）
注意：
Fixed定位使元素的位置与文档流无关，因此不占据空间。
Fixed定位的元素可能会出现与其他元素重叠的现象。
3. relative 定位
相对定位元素的定位是相对其正常位置。是相对于自己正常情况下的位置，此时若移动位置 以前的位置依然存在 ，依旧占着原来的坑位（移动相对定位元素，但它原本所占的空间不会改变）。
4.absolute 定位
对定位的元素的位置相对于最近的已定位父元素，如果元素没有已定位的父元素，那么它的位置相对于<html>:
absolute 定位使元素的位置与文档流无关，因此不占据空间。
absolute 定位的元素和其他元素重叠。
网友评论