                        课程
                    
                        /前端开发
                        
                            /HTML/CSS
                        
                        /初识HTML(5)+CSS(3)-升级版

相对和绝对的问题

position:relative;
    left:100px;
    top:50px;
    和
    position:absolute;
    left:100px;
    top:50px;
    我看右边的效果是一样的，所以应该怎样理解绝对和相对的问题呢？

FFFFFFanQ君

2016-03-05

源自：初识HTML(5)+CSS(3)-升级版 13-7

关注问题我要回答

770

操作

收起

4 回答

陈微语回答被采纳 +3 积分
2016-03-05

绝对定位：如果父元素有position属性，就相对于父元素位置定位，父元素没有position属性就相对body元素定位，就是相对浏览器窗口定位；

相对定位：相对自身原来的初始位置定位，因为你原来的div的初始位置是左上角，所以结果就和绝对定位一样咯，你试下让div元素在其他地方再相对定位，就可以看出区别了。

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

#1

FFFFFFanQ君提问者

非常感谢！

2016-03-08 回复有任何疑惑可以回复我~

慕仰6690464
2016-03-05

绝对是相对对于浏览器（body）而言的，而相对定位是相对父元素的位置而言的，而且相对定位偏移前的位置是被占用的，无法覆盖

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

chy1234
2016-03-05

相对定位是先有一个参照物，然后上下左右是根据这个参照物来说的。

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

节日快乐丶
2016-03-05

绝对是不可变的，不管你的屏幕尺寸是多大，相对是可变的，根据你的屏幕大小自己改变

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

举报

0/150

提交

取消

初识HTML(5)+CSS(3)-升级版

参与学习 1225294 人
解答问题 18230 个

HTML(5)+CSS(3)基础教程8小时带领大家步步深入学习标签用法和意义

本课相似问答

2 回答绝对相对定位问题

2 回答绝对定位？和相对定位

6 回答绝对定位和相对定位

1 回答相对定位和绝对定位

2 回答相对定位和绝对定位的方式

搜索更多本课相关问答

相对和绝对的问题

我要回答关注问题

意见反馈帮助中心 APP下载