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币。复制、灌水、广告等回答会被删除,是时候展现真正的技术了!