css定位

静态定位(static)

静态定位是所有元素的默认定位方式，当position属性的取值为static时，可以将元素定位于静态定位。 所谓静态位置就是各个元素在HTML文档流中默认的位置。

网页中所有元素都是静态定位，其实标准流的特性

再静态定位下，没有偏移量

静态定位没啥用.

相对定位relative 自恋型

相对定位是将元素相对于它在标准流中的位置进行定位，当position属性的取值为relative时，可以将元素定位于相对位置。

注意：
1.通过边偏移移动位置，原来的位置继续占有

​ 2.每次移动，相对自身的左上角移动

相对移动还在标准流中，相对定位不脱标(脱离标准流)

浮动的目的是，让块级元素一行显示，定位的目的是让盒子移动到理想位置

绝对定位absolute

当position属性的取值为absolute时，可以将元素的定位模式设置为绝对定位。

注意： 最重要的一点，绝对定位按照偏移量移动位置，他是完全脱标的，完全不占位置

父级没有定位

若所有父元素都没有定位，以浏览器为准对齐(document文档)。

父级有定位

绝对定位是将元素依据最近的已经定位（绝对、固定或相对定位）的父元素（祖先）进行定位。