2 u013179958 u013179958 于 2016.03.19 10:54 提问

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

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

3个回答

womanZBY
womanZBY   2016.03.19 11:26
已采纳

absolute 在子div,它的父div必须有个position属性不是默认static的。这样它就可以以父类为参照进行定位
relative 是以自身为参照,意思就是它原本该在什么位置,加上relative属性后,会以它原本按照文档流应该在的位置为参照进行定位

qq_19891827
qq_19891827   2016.03.21 09:11

absolute绝对定位,相对于最近的已经定位(position为absolute或者relative的元素)的祖先元素,relative相对定位,相对于本元素原始位置进行定位

qq970973742
qq970973742   2016.03.26 16:40

absolute:相對於最近已經定位的祖先元素,否則相對於body,而relative則是相對於本身應該存在的位置如:


li:firstChild{position:relative; top:30px;left:20px;}//指的是根據原本存在的位置進行偏移.具體點可以針對文檔流進行解釋.一般比較好的入門書都有,建議買一本當做字典去查詢

Csdn user default icon
上传中...
上传图片
插入图片
准确详细的回答,更有利于被提问者采纳,从而获得C币。复制、灌水、广告等回答会被删除,是时候展现真正的技术了!
其他相关推荐
position的值, relative和absolute分别是相对于谁进行定位的? absolute :生成绝对定位的元素, 相对于最近一级的 定位不是 static 的父元素来进行定位。 fi
position的值, relative和absolute分别是相对于谁进行定位的? absolute :生成绝对定位的元素, 相对于最近一级的 定位不是 static 的父元素来进行定位。 fixed (老IE不支持)生成绝对定位的元素,通常相对于浏览器窗口或 frame 进行定位。 relative 生成相对定位的元素,相对于其在普通流中的位置进行定位。
绝对定位(absolute)与相对定位(relative)学习心得
最近在学习CSS,一直对绝对定位和相对定位的理解不是很清楚,今天自己根据网上的资料,做了一些实验,才算对定位有了一些初步的理解。
position的值relative和absolute的定位原点是?
relative(相对定位):定位原点是元素本身所在位置; absolute(绝对定位):定位原点是离自己这一级元素最近的一级position设置为absolute或者relative的父元素的左上角为原点的
列出display的值,说明他们的作用。position的值, relative和absolute定位原点是?
1.    block 象块类型元素一样显示。   none 缺省值。向行内元素类型一样显示。   inline-block 象行内元素一样显示,但其内容象块类型元素一样显示。   list-item 象块类型元素一样显示,并添加样式列表标记。   2.    *absolute          生成绝对定位的元素,相对于 static 定位以外的第一个父元素进行定位。 
position定位属性中absolute和relative的区别
提问:如果页面内某个元素没有设定position属性,那么他是否具有position属性? 回答:具有position属性,并且属性值是static。原因在于网页里任一元素的默认position属性值均是static(静态)。 上面这个问题主要是给大家补充一个知识点,很多Web前端开发工程师都不知道这点,所以在这节开头给大家补补课。 这节课主要讲讲absolute(绝对定位)和 re
Web前端面试题集锦大全
前端开发面试知识点大纲:HTML&CSS: 对Web标准的理解、浏览器内核差异、兼容性、hack、CSS基本功:布局、盒子模型、选择器优先级及使用、HTML5、CSS3、移动端适应。JavaScript: 数据类型、面向对象、继承、闭包、插件、作用域、跨域、原型链、模块化、自定义事件、内存泄漏、事件机制、异步装载回调、模板引擎、Nodejs、JSON、ajax等。其他: HTTP、安全、正则
position定位的基准问题
position 以父元素内容区+padding 为定位基准 以自身整体 margin+ border + padding+ content 为基准
position的值relative和absolute定位原点是?
   absolute  生成绝对定位的元素,相对于值不为 static的第一个父元素进行定位。    fixed (老IE不支持)  生成绝对定位的元素,相对于浏览器窗口进行定位。    relative  生成相对定位的元素,相对于其正常位置进行定位。    static  默认值。没有定位,元素出现在正常的流中(忽略 top, bottom, left, right z-index ...
position:absolute相对哪个元素定位
应用了position: absolute的元素会循着节点树中的父(祖)元素来确定“根”,然后相对这个“根”元素来偏移。如果在其节点树中所有父(祖)元素都没有设置position属性值为relative或者absolute则该元素最终将对body进行位置偏移。应用了position: absolute的元素会脱离页面中的普通流并改变Display属性(重点)!
css 相对定位 position relative
css 相对定位          这里相对的意思是,相对于一个元素没有定位前显示的位置,也就是原来显示的位置,        这个需要注意;        下面分两个部分来看相对定位: 第一部分:如何实现相对定位?                  代码(1):没有加定位的情况下                         html> head> m