绝对定位

更新时间:2023-05-31 16:59

绝对定位概念主要分为两种:第一是卫星绝对定位,第二是CSS定位中的绝对定位。

卫星

绝对定位(absolute positioning)是指测定测站点的地球质心坐标的卫星定位。为确定测站点在地心坐标系中的三维坐标,采用伪距测量载波相位测量均可实现,但后者可达到比前者更高的精度。

CSS

CSS中有一个专业名词叫绝对定位,absolute 脱离文档流,通过 top,bottom,left,right 定位。选取其最近的父级定位元素,当父级 position 为 static ( position 的默认值为 static ) 时,absolute元素将以body坐标原点进行定位,可以通过z-index进行层次分级。

文本流中的内容会顶替绝对定位元素的位置,而绝对定位元素自然的层叠于文本流之上。而在单一的绝对定位中,定位元素将会跑到网页的左上角,因为那里是他们的被绝对定位后的坐标原点。

上面说的是单一的绝对定位,而在实际的css应用中我们常常会需要用到一种特别的形式,即希望定位元素要有绝对定位的特性,但是又希望绝对定位的坐标原点可以固定在网页中的某一个点,当这个点被移动时绝对位定元素能保证相对于这个原坐标的相对位置。也就是说需要这个绝对定位要跟着网页移动,而并且是因定在网页的某一个固定位置。通常当网页是居中形式的时候这种效果就会显得特别的重要。要实现这种效果基本方式就是为这个绝对定位的父级设置为相对定位或是绝对定位。那么绝对定位的坐标就会以父级为坐标起始点。

免责声明
隐私政策
用户协议
目录 22
0{{catalogNumber[index]}}. {{item.title}}
{{item.title}}