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

当我修改成position:relative后的疑惑

我改了代码以下三行

    position:relative;
    bottom:50px;
    right:50px;

为什么div的框往上跑了

Robert_Langdon

2016-12-04

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

关注问题我要回答

990

操作

收起

2 回答

omg_two 回答被采纳 +3 积分
2016-12-05

相对定位完成的过程是首先按static(float)方式生成一个元素(并且元素像层一样浮动了起来)，然后相对于以前的位置移动.所以，代码里面的bottom:50px;right:50px;就是表示该元素最终的位置在相对于以前的位置向左移动50px,向上移动50px;

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

收起回答

Robert_Langdon 提问者

非常感谢！

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

qq_小情歌_3
2016-12-05

现在你的相对定位是相对于body来移动50px；50px；

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

收起回答

qq_涵水子_0

为什么是相对于body移动的？

2017-01-16 回复有任何疑惑可以回复我~

0/150

提交

取消

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

参与学习 1225796 人
解答问题 18234 个

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

进入课程

本课相似问答

2 回答为什么我修改代码后没后显示我的修改效果？

1 回答position:relative改为absolute位置变化

2 回答标签的疑惑

2 回答新手的疑惑

2 回答position:relative的问题

搜索更多本课相关问答

当我修改成position:relative后的疑惑

我要回答关注问题

热搜

最近搜索清空

当我修改成position:relative后的疑惑

2 回答

本课相似问答

当我修改成position:relative后的疑惑