CSS 四种定位 static fixed absolute r

静态定位

不脱离文本流。元素定位的默认值。

static

固定定位 

position：fixed;

固定定位  脱离文本流。元素的位置是相对于浏览器窗口的固定位置。页面滚动时，此位置也不会发生变化

根据top  left  right  bottom 设置位置。

绝对定位

position:absolute;

绝对定位  脱离文本流。根据最近带有绝对定位或者相对定位的父级来决定位置。（一直往上查，直到查到，带有相对定位或者绝对定位的父级 ，若所有的父级都没有定位，那就相对于浏览器定位）。top left right bottom

相对定位 脱离文本流

相对定位

position:relative;

相对定位，不脱离文本流。即使通过 top left right bottom设置了偏移，但是原有的位置还在那里。不会被占用。

relative