https://www.nowcoder.com/ta/front-end-interview/review?page=9
absolute 生成绝对定位的元素，相对于 static 定位以外的第一个祖先元素进行定位。
relative 生成相对定位的元素，相对于其在普通流中的位置进行定位。
上面这两句是什么意思，谁能用白话解释下?
position的值， relative和absolute分别是相对于谁进行定位的？
- 写回答
- 好问题 0 提建议
- 追加酬金
- 关注问题
分享- 邀请回答
-
3条回答
亢龙有悔悔悔 2016-03-19 03:26关注absolute 在子div，它的父div必须有个position属性不是默认static的。这样它就可以以父类为参照进行定位
relative 是以自身为参照，意思就是它原本该在什么位置，加上relative属性后，会以它原本按照文档流应该在的位置为参照进行定位本回答被题主选为最佳回答 , 对您是否有帮助呢?评论 打赏解决 2无用举报 分享
- 2016-03-19 02:54回答 3 已采纳 absolute 在子div，它的父div必须有个position属性不是默认static的。这样它就可以以父类为参照进行定位 relative 是以自身为参照，意思就是它原本该在什么位置，加上rel
- 2017-11-21 03:25回答 6 已采纳 可以参考这个 http://blog.csdn.net/cyyax/article/details/50607066
- 2018-10-19 05:18回答 2 已采纳 1.子级的子级可以用absolute或relative 都可以 2.absolute是根据第一个父元素不为static 定位的元素定位的,就是层层递进,直到body 3.布局都是考虑流式布局,响应
- 2021-12-09 11:00小鱼桑的博客 1.absolute 生成绝对定位的元素，相对于最近的一级的定位，不是static的父元素进行定位（是相对于离它最近的一个已定位的盒子进行定位的，默认是body。position必须是absolute或者relative的祖先元素） 2.fixed ...
- 2018-05-30 14:03回答 7 已采纳 楼上说的都蛮好的啊，被`absolute`的元素会向上寻找被设置了`relative`的父元素。一直找不到的话就会以`body`为主，相对于`body`来设置对应的`top right bottom
- 2022-02-13 19:57回答 4 已采纳 .card里的display: flex; flex-direction: column;影响 到了
- 2022-05-21 13:12回答 2 已采纳 <style> nav{ height: 800px; width: 500px; position: relative; left: 430px; top:
- 2020-09-19 12:19一月清辉的博客 常见的position定位方式如下: static 默认值。元素出现在正常的普通流中 relative 生成相对定位的元素，...absolute 生成绝对定位的元素， 相对于最近一级的 不是 static 的父元素来进行定位,如果没有找到的话，最
- 2021-09-15 14:54回答 4 已采纳 absolute或者fixed定位会让元素脱离文档流，元素不会占据文档流中原本的空间，才能让之后的内容来占据这个元素让出的空间，产生覆盖重叠。而relative 不会让元素脱离文档流，元素还是会占据文
- 2022-04-11 15:55回答 1 已采纳 width: 100%;
- 2021-09-19 19:36回答 1 已采纳 header 添加 position: relative;另外你.header 中width: 100%;写成了widows: 100%; 如有帮助，望采纳！谢谢! 点击我这个回答右上方的【采纳
- 2024-03-09 11:20嘘~！的博客 absolute : 生成绝对定位的元素， 相对于最近一级的 定位不是 static 的父元素来进行定位。 fixed （老 IE 不支持）生成绝对定位的元素，通常相对于浏览器窗口或 frame 进行定位。 relative 生成相对定位的元素，...
- 2022-06-25 23:49回答 1 已采纳 看到你使用到了z-index，这是控制层级的属性，只对定位元素生效，所以必须有position属性。声明为relative是因为，定位的效果是相对与自身原来位置的定位（也可以做为绝对定位子元素的参照元
- 2017-08-20 21:57angybaby97的博客 absolute :生成绝对定位的元素，相对于最近一级的定位不是 static 的父元素来进行定位。 fixed （老IE不支持）生成绝对定位的元素，通常相对于浏览器窗口或 frame 进行定位。 relative 生成相对定位的元素，相...
- 2019-09-23 17:42dianjing2985的博客 position:absolute; 他的意思是绝对定位，他是参照浏览器的左上角，...如果设定TRBL并且父级没有设定position属性，那么当前的absolute则以浏览器左上角为原始点进行定位，位置将由TRBL决定。 Relative，CSS中的写...
- 没有解决我的问题, 去提问
悬赏问题
- ¥100 Jenkins自动化部署—悬赏100元
- ¥15 关于#python#的问题：求帮写python代码
- ¥20 MATLAB画图图形出现上下震荡的线条
- ¥15 关于#windows#的问题：怎么用WIN 11系统的电脑 克隆WIN NT3.51-4.0系统的硬盘
- ¥15 perl MISA分析p3_in脚本出错
- ¥15 k8s部署jupyterlab，jupyterlab保存不了文件
- ¥15 ubuntu虚拟机打包apk错误
- ¥199 rust编程架构设计的方案 有偿
- ¥15 回答4f系统的像差计算
- ¥15 java如何提取出pdf里的文字？