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中的写...
- 没有解决我的问题, 去提问
悬赏问题
- ¥20 usb设备兼容性问题
- ¥15 错误(10048): “调用exui内部功能”库命令的参数“参数4”不能接受空数据。怎么解决啊
- ¥15 安装svn网络有问题怎么办
- ¥15 Python爬取指定微博话题下的内容，保存为txt
- ¥15 vue2登录调用后端接口如何实现
- ¥65 永磁型步进电机PID算法
- ¥15 sqlite 附加（attach database）加密数据库时，返回26是什么原因呢？
- ¥88 找成都本地经验丰富懂小程序开发的技术大咖
- ¥15 如何处理复杂数据表格的除法运算
- ¥15 如何用stc8h1k08的片子做485数据透传的功能？(关键词-串口)