静态定位
不脱离文本流。元素定位的默认值。
固定定位
position:fixed;
固定定位 脱离文本流。元素的位置是相对于浏览器窗口的固定位置。页面滚动时,此位置也不会发生变化
根据top left right bottom 设置位置。
绝对定位
position:absolute;
绝对定位 脱离文本流。根据最近带有绝对定位或者相对定位的父级来决定位置。(一直往上查,直到查到,带有相对定位或者绝对定位的父级 ,若所有的父级都没有定位,那就相对于浏览器定位)。top left right bottom
相对定位
position:relative;
相对定位,不脱离文本流。即使通过 top left right bottom设置了偏移,但是原有的位置还在那里。不会被占用。