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

任务要求是相对于以前位置左上角向右移动100px，向下移动50px，为何代码不是：right:100px;bottom:50px;

<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>relative样式</title>
<style type="text/css">
#div1{
    width:200px;
    height:200px;
border:2px red solid;
    position:relative;
    left:100px;
    top:50px;




}

</style>
</head>
<body>
<div id="div1"></div><span>偏移前的位置还保留不动，覆盖不了前面的div没有偏移的位置</span>
</body>
</html>

慕姐3102452

2016-03-09

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

关注问题我要回答

2909

操作

收起

3 回答

pengpenggo
2016-03-09

理解成距离参照物基准位置

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

CL_BB
2016-03-09

向右移动，是以左边为基准，向下移动，是以最上方为基准，left、top指的是基准位置，不是移动的方向

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

#1

慕姐3102452 提问者

明白了，非常感谢

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

慕工程3266632
2016-03-09

确定life,right,top,bottom是要和你移动之前的位置比较的，

之前位置在左上角，向右移动100px不就是相对之前位置距离100px,即left:100px,

同理的top:50px；

看图应该比较明白；

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

#1

慕姐3102452 提问者

这句话中的参照物是之前的左上角位置，还是后来移动以后的位置？

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

#2

慕工程3266632 回复慕姐3102452 提问者

参照物是移动前的块的位置，本题参照物在左上角

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

举报

0/150

提交

取消

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

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

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

本课相似问答

9 回答绝对定位中，向左移动100px代码为什么是right:100px;？？

8 回答1不明白为什么是向右移动要写left:100px呢?

6 回答绝对定位的任务是相对于浏览器向左向下，为什么代码是向右向上

5 回答任务中写“相对于以前位置右上角”，打开全屏看是在左上角

4 回答“相对于以前位置右上角”为什么是相对于右上角？

搜索更多本课相关问答

任务要求是相对于以前位置左上角向右移动100px，向下移动50px，为何代码不是：right:100px;bottom:50px;

我要回答关注问题

意见反馈帮助中心 APP下载