零基础建站培训介绍

当前位置:

CSS相对定位与绝对定位使用方法

CSS相对定位:position:relative;

指在其正常的位置上偏移;relative,使用相对定位时,移动后,它原来占的位置不会被其它元素占用。

CSS绝对定位:position:absolute;

指相对于父元素来进行top,left,bottom,right进行偏移。

absolute.使用绝对定位时,父元素必须有position属性,如果没有,就相对于父的父元素。谁有position属性就相对于谁,都没有就相对于body.

绝对定位相当于一个飞机飞在父元素的上空,它不占父元素的位置。

如果有二个元素都使用了绝对定位,哪个元素在前面,它的位置就是下面,后面的元素位置在上面。如果要控制位置,就需要使用z-index属性,越大越在上面。

相关阅读:

CSS绝对定位与相对定位区别易懂详解

html锚点定位四种方法

上一课: 下一课:

发表评论

电子邮件地址不会被公开。 必填项已用*标注