css中的绝对定位和相对定位

html-css015

css中的绝对定位和相对定位,第1张

css中的绝对定位,意思就是把元素的左上角固定到浏览器窗口的某个指定的唯一的坐标点上。

css中的相对定位,意思是是相对于上一个相对定位的,总是相对于前面的同级标签为基准标签。

不管是什么定位都需要有一个参照物。相对定位的参照物是本身。绝对定位的参照物就是父级元素。两种定位产生的影响也不同。相对定位,设置后,原来的位置始终保留着。绝对定位,设置后,原来的位置会被后面的内容占据。

CSS相对定位有两种类型

一种是相对于当前对象的父级元素或相邻元素来定位

另一种如果当前对象使用了position:absolute,并且被多个父级元素嵌套,

而其中一个父级元素使用了position:relative 那么当前元素会相对于该父级元素而进行绝对定位,这种定位方式也是绝对定位中的相对定位