父元素用相对定位，子元素如何偏移

老师演示的最近父元素为绝对定位。如果最近父元素用relative相对定位，且偏移；子元素绝对定位，子元素也是随父元素偏移吗？那子元素也为相对定位呢？

tuuu

2016-05-06

源自：固定层效果 1-4

关注问题我要回答

770

操作

收起

1 回答

BozzSmBd 回答被采纳 +3 积分
2016-05-07

其实你自己写一下代码看效果就能得到问题的答案了。

我刚才试了一下不管父元素是绝对定位还是相对定位，子元素都是以当前父元素的位置为基准再进行偏移的。即如果父元素"top:50px; left:50px;"那么子元素会在此基础上再进行子元素的偏移.

我也正在学习, 若是回答有不准确的地方烦请指出!

0 回复有任何疑惑可以回复我~

收起回答

tuuu 提问者

非常感谢！

2016-05-23 回复有任何疑惑可以回复我~

jumpwind 回复 tuuu 提问者

absolute和fixed都认为是绝对定位，fixed可以当做是绝对定位中比较特殊的一种，即相对于浏览器窗口的定位。当子元素是absolute时，子元素以有定位属性的父元素（fixed，absolute，relative）为基准，跟着父元素当前位置进行偏移；当子元素是fixed，因为fixed是相对于浏览器窗口进行偏移，和父元素无关；当子元素是relative时，相对于自己原来的位置进行偏移，但原来的位置还在文档流中占着空间。

2016-06-18 回复有任何疑惑可以回复我~

0/150

提交

取消

固定层效果

参与学习 51923 人
解答问题 148 个

运用属性值就轻松实现网页固定层效果

进入课程

父元素用相对定位，子元素如何偏移

我要回答关注问题

热搜

最近搜索清空

父元素用相对定位，子元素如何偏移

1 回答

父元素用相对定位，子元素如何偏移