简述css中position属性为absolute和rela

[问答题]

简述css中position属性为absolute和relative的区别。

推荐

Wendy-lxq

1、position：relative 相对定位

特点：

1）不影响元素本身的特性；
2）不使元素脱离文档流（元素移动之后原始位置会被保留）；
3）如果没有定位偏移量，对元素本身没有任何影响；
4）提升层级。

注：定位元素位置控制：top/right/bottom/left 定位元素偏移量

2、position：absolute 绝对定位

特点：

1）使元素完全脱离文档流；
2）使内嵌支持宽高；
3）块属性标签内容撑开宽度；

4）如果有定位父级相对于定位父级发生偏移，没有定位父级相对于document发生偏移；

5）相对定位一般都是配合绝对定位元素使用；
6）提升层级

编辑于 2017-05-23 13:46:40 回复(0)

牛牛牛🐮🐮🐮666

absolute 绝对定位！若他的父元素有相对定位或绝对定位，那就相对父元素定位！没有就相对浏览器定位！relative 相对于现在的位置进行偏移！

发表于 2017-01-29 09:38:14 回复(0)

王越Messi

absolute为绝对定位,容易脱离标准流定位起始点为：已经进行相对定位或绝对定位父元素的[左上角]；若父元素没有定位，或无父元素定位起始点为浏览器左上角。 relative为相对定位，不会脱离标准流定位起始点为：该元素的初始位置左上角

编辑于 2017-05-23 13:46:40 回复(0)

牛客73811232号

相对定位

1.不影响元素本身的定位

2.不使元素脱离文档流（元素移动之后原始位置会被保留）

3.如果没有定位偏移量，对元素本身没有任何影响

4.提升层级

句对定位

1.使元素完全脱离文档流

2.使内嵌支持宽高

3.快属性标签内日哦那个撑开宽度

4.如果定位父级相对于父级发生偏倚，没有定位父级相对于document发生偏移

5.相对定位一半都是配合绝对定位元素使用

发表于 2020-08-28 22:02:33 回复(0)

靓姐超厉害

position:absolute; 绝对定位，元素使用绝对定位后不会占据原来的位置；定位后，元素从浏览器位置出发；

嵌套的盒子，父盒子没有使用定位，子盒子绝对定位，子盒子位置从浏览器出发；

嵌套的盒子，父盒子使用定位，子盒子绝对定位，子盒子位置从父盒子出发；

position：relative；相对定位，使用相对定位，元素从自身位置出发；还占据原来的位置；子绝父相；行内元素使用相对定位后转为行内块元素；

发表于 2019-09-12 10:50:52 回复(0)

柠小哀

absolute: 将对象从文档流中拖出使用left right top bottom等属性进行绝对定位而其层叠通过z-index属性定义绝对定位的元素的位置相对于最近的已定位父元素如果元素没有已定位的父元素那么它的位置相对于 relative: 对象不可层叠但将依据left right top bottom等属性在正常文档流中偏移位置

编辑于 2019-05-01 23:52:19 回复(0)