position的值， relative和absolute分别是相对于谁进行定位的？

https://www.nowcoder.com/ta/front-end-interview/review?page=9
absolute 生成绝对定位的元素，相对于 static 定位以外的第一个祖先元素进行定位。
relative 生成相对定位的元素，相对于其在普通流中的位置进行定位。
上面这两句是什么意思，谁能用白话解释下?

写回答
好问题 0 提建议
关注问题
分享
邀请回答
编辑收藏删除结题
收藏举报

3条回答默认最新

关注

码龄粉丝数原力等级 --

被采纳

被点赞

采纳率
亢龙有悔悔悔 2016-03-19 03:26
关注
absolute 在子div，它的父div必须有个position属性不是默认static的。这样它就可以以父类为参照进行定位
relative 是以自身为参照，意思就是它原本该在什么位置，加上relative属性后，会以它原本按照文档流应该在的位置为参照进行定位

本回答被题主选为最佳回答 , 对您是否有帮助呢?

解决 2
无用
评论打赏
分享
举报

评论

按下Enter换行，Ctrl+Enter发表内容

查看更多回答(2条)

报告相同问题？

关注问题

菜鸟学习CSS定位position属性值absolute问题，不懂具体是相对于那里移动 css html5
2017-11-21 03:25

回答 6 已采纳可以参考这个 http://blog.csdn.net/cyyax/article/details/50607066
position：relative 和position：absolute的问题。 css 前端
2018-10-19 05:18

回答 2 已采纳 1.子级的子级可以用absolute或relative 都可以 2.absolute是根据第一个父元素不为static 定位的元素定位的,就是层层递进,直到body 3.布局都是考虑流式布局,响应
absolute和relative里面的字元素是怎么定位的？ css html5 javascript
2018-05-30 14:03

回答 7 已采纳楼上说的都蛮好的啊，被`absolute`的元素会向上寻找被设置了`relative`的父元素。一直找不到的话就会以`body`为主，相对于`body`来设置对应的`top right bottom
position 的值， relative 和 absolute 分别是相对于谁进行定位的？
2024-03-09 11:20

嘘~！的博客 absolute : 生成绝对定位的元素，相对于最近一级的定位不是 static 的父元素来进行定位。 fixed （老 IE 不支持）生成绝对定位的元素，通常相对于浏览器窗口或 frame 进行定位。 relative 生成相对定位的元素，...
HTML+CSS通过position:relative移动图片导致图片高度和设置高度不一致 css3 html 前端有问必答
2022-02-13 19:57

回答 4 已采纳 .card里的display: flex; flex-direction: column;影响到了
html文字下方横线设置position:absolute之后消失了 css html
2022-05-21 13:12

回答 2 已采纳 <style> nav{ height: 800px; width: 500px; position: relative; left: 430px; top:
求解：添加了position: absolute;后，图片消失 java 有问必答
2021-09-19 19:36

回答 1 已采纳 header 添加 position: relative;另外你.header 中width: 100%;写成了widows: 100%; 如有帮助，望采纳！谢谢! 点击我这个回答右上方的【采纳
Position的值有哪些？relative和absolute分别是相对于谁进行定位的？
2021-12-09 11:00

小鱼桑的博客 1.absolute 生成绝对定位的元素，相对于最近的一级的定位，不是static的父元素进行定位（是相对于离它最近的一个已定位的盒子进行定位的，默认是body。position必须是absolute或者relative的祖先元素） 2.fixed ...
给css加了一个position: absolute;页面就突然变窄了，求解 css
2022-04-11 15:55

回答 1 已采纳 width: 100%;
父元素设置relative 子元素(按钮)设置absolute 为什么子元素不在父元素中呢？ css css3 html5 有问必答
2021-04-05 22:10

回答 3 已采纳这个样式要继承，没有继承就跟上面的没有关系了吧。lunbo.anniu{}这样写试试
子元素绝对定位，造成 body 背景色消失问题？ css html 前端
2022-05-27 13:39

回答 2 已采纳要点1: 假设html标签元素a的position定义为absolute的话，此元素会以包含自身的最近的postion定义为absolute或者relative的标签元素b为参照进行定位要点2: 如果
position的值， relative和absolute分别是相对于谁进行定位，你真的知道吗？
2020-09-19 12:19

一月清辉的博客常见的position定位方式如下: static 默认值。元素出现在正常的普通流中 relative 生成相对定位的元素，...absolute 生成绝对定位的元素，相对于最近一级的不是 static 的父元素来进行定位,如果没有找到的话，最
position的值， relative和absolute分别是相对于谁进行定位的
2017-08-20 21:57

angybaby97的博客 absolute :生成绝对定位的元素，相对于最近一级的定位不是 static 的父元素来进行定位。 fixed （老IE不支持）生成绝对定位的元素，通常相对于浏览器窗口或 frame 进行定位。 relative 生成相对定位的元素，相...
关于position的relative和absolute分别是相对于谁进行定位的
2019-09-23 17:42

dianjing2985的博客 position:absolute; 他的意思是绝对定位，他是参照浏览器的左上角，...如果设定TRBL并且父级没有设定position属性，那么当前的absolute则以浏览器左上角为原始点进行定位，位置将由TRBL决定。 Relative，CSS中的写...
position:relative/absolute无法冲破的等级
2020-10-31 00:50

元素相对于其正常位置进行定位，即相对于自身原来的位置偏移，不会脱离标准文档流，不影响其他元素布局。 - **position:absolute**：绝对定位。元素相对于最近的已定位祖先元素（指position不是static的父级）进行...
没有解决我的问题, 去提问

position的值， relative和absolute分别是相对于谁进行定位的？

3条回答 默认 最新

3条回答默认最新