为了账号安全,请及时绑定邮箱和手机立即绑定

相对和绝对:为什么把相对改为绝对<span>里的内容就上移了呢

#div1{

    width:200px;

    height:200px;

border:2px red solid;

position:absolute;

    top:20px;

    

    

}


</style>

</head>

<body>

<div id="div1"></div><span>偏移前的位置还保留不动</span>

</body>



正在回答

4 回答

相对定位,偏移前的位置不可以被覆盖,绝对定位可以

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

慕圣7500324 提问者

非常感谢!
2016-04-02 回复 有任何疑惑可以回复我~

在页面显示内容时,<body>里的内容在页面的显示顺序依然是从上而下,但是设置为绝对定位的时候,元素会从文档流中脱离,而且元素可以覆盖绝对定位之前的位置。

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

相对定位是相对你原先的位置,也就是你span标签原来的位置。top:20px,相当于相对于原来的位置向下移动了20px。如果改成绝对定位,那就是相对body移动了。所以会产生向上的效果。参照的对象不一样,产生的效果也不同

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

慕圣7500324 提问者

代码复制错了,span标签是在div标签外边的,你能再帮看看么
2016-03-26 回复 有任何疑惑可以回复我~
相对是只移动图像  绝对是位置和图像一起浮动


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

举报

0/150
提交
取消
初识HTML(5)+CSS(3)-升级版
  • 参与学习       1225297    人
  • 解答问题       18230    个

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

进入课程

相对和绝对:为什么把相对改为绝对<span>里的内容就上移了呢

我要回答 关注问题
意见反馈 帮助中心 APP下载
官方微信