什么是绝对定位和相对定位两者有什么区别？

1、绝对定位是什么意思

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

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

2、相对定位是什么意思

相对定位（relative）意思：对象不可层叠，依据left，right，top，bottom等属性在正常文档流中偏移自身位置。同样可以用z-index分层设计。

层叠样式表(英文全称：Cascading Style Sheets)是一种用来表现HTML（标准通用标记语言的一个应用）或XML（标准通用标记语言的一个子集）等文件样式的计算机语言。CSS不仅可以静态地修饰网页，还可以配合各种脚本语言动态地对网页各元素进行格式化。CSS能够对网页中元素位置的排进行像素级精确控制，支持几乎所有的字体字号样式，拥有对网页对象和模型样式编辑的能力。

3、绝对定位和相对定位的区别

（1）、主体不同

A、相对定位：是设置为相对定位的元素框会偏移某个距离。

B、绝对定位：absolute脱离文档流，通过top,bottom,left,right定位。

（2）、特点不同

A、相对定位：在使用相对定位时，无论是否进行移动，元素仍然占据原来的空间。因此，移动元素会导致它覆盖其它框。

B、绝对定位：选取其最近的父级定位元素，当父级position为static时，absolute元素将以body坐标原点进行定位，可以通过z-index进行层次分级。

（3）、表现方式不同

A、相对定位：对一个元素进行相对定位，它将出现在它所在的位置上。可以通过设置垂直或水平位置，让这个元素“相对于”它的起点进行移动。

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

以上就是老鱼网为大家搜集整理的关于：绝对定位是什么意思？相关问题的解释和相关问题的回答，希望对你当前遇到的绝对定位和相对定位的区别？等相关的问题能够提供和得到一些帮助！