定位分类

无定位、相对定位、绝对定位、固定定位。

无定位

不设置position属性即无定位。

设置left，top，bottom，right等偏移属性时无效。

相对定位

通过position:relative设置。

设置left，top，bottom，right等偏移属性时元素偏移，但是注意！

元素之前占据的位置不会因为偏移而被其他元素占据，而且也不会挤占其他元素位置。

绝对定位

通过position:absolute设置。

设置left，top，bottom，right等偏移属性时元素偏移，与相对定位类似，不同之处！

1.元素之前占据的位置会因为偏移而被其他元素占据。

2.绝对定位可以改变参照物，参照物是设置了定位的父元素（有可能是父元素的父元素或者祖先元素，因为必须设置了定位），有了参照物，偏移时根据参照物的位置来偏移，若父元素都没有设置定位，那么根据body来偏移。可以利用父元素实现相对定位，元素再采用绝对定位配合使用。

固定定位

通过position:fixed设置。

固定元素所在位置。