CSS定位

定位分类

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

无定位

不设置position属性即无定位。

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

相对定位

通过position:relative设置。

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

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

绝对定位

通过position:absolute设置。

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

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

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

固定定位

通过position:fixed设置。

固定元素所在位置。

原文地址:https://www.cnblogs.com/hzozj/p/11265147.html