Question

绝对定位的CSS绝对定位

Answer 1

CSS中有一个专业名词叫绝对定位，absolute 脱离文档流，通过 top,bottom,left,right 定位。选取其最近的父级定位元素，当父级 position 为 static ( position 的默认值为 static ) 时，absolute元素将以body坐标原点进行定位，可以通过z-index进行层次分级。
文本流中的内容会顶替绝对定位元素的位置，而绝对定位元素自然的层叠于文本流之上。而在单一的绝对定位中，定位元素将会跑到网页的左上角，因为那里是他们的被绝对定位后的坐标原点。
上面说的是单一的绝对定位，而在实际的css应用中我们常常会需要用到一种特别的形式，即希望定位元素要有绝对定位的特性，但是又希望绝对定位的坐标原点可以固定在网页中的某一个点，当这个点被移动时绝对位定元素能保证相对于这个原坐标的相对位置。也就是说需要这个绝对定位要跟着网页移动，而并且是因定在网页的某一个固定位置。通常当网页是居中形式的时候这种效果就会显得特别的重要。要实现这种效果基本方式就是为这个绝对定位的父级设置为相对定位或是绝对定位。那么绝对定位的坐标就会以父级为坐标起始点。